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_ Жизнь безограничений ' 


ASUS MyPal A730 — первый карманный персональный компьютер со встроенной 1.3-мегапиксельной 
цифровой камерой. MyPal A73O имеет 3.7-дюймовый трансфлективный ТЕТ-дисплей, поддерживающий 
разрешение 640 х 480, поднимающий качество изображения наладонников на новый уровень. 
MyPal A730 оборудован новейшим процессором от Intel®, значительно экономящим заряд батареи, 
сохраняя высокую вычислительную мощность. Беспроводное соединение Bluetooth, инфракрасный порт, 
универсальные слоты расширения CompactFlash Type Ни SecureDigital - все это встроено в MyPal A730. 


® Процессор Intel® XScale PXA270 520МГу 
® Трансфлективный ТЕТ-дисплей 3.7" с разрешением 640х480 


® 1.3- мегапиксельная камера (со вспышкой) 

© 64Мб постоянной памяти и 64Мб оперативной памяти 

® Универсальные слоты расширения CompactFlash Туре Пи SecureDigital 

® Встроенные Инфракрасный порт и Bluetooth 

® Сменная Li-lon батарея емкостью 1100мА*ч, позволяющая работать до 9 часов 
(опциональная батарея 1800мА*ч позволяет работать до 14 часов) 

@117.5 x 72.8 x 16.9 мм; 170г 

® Операционная система Microsoft® Windows Mobile™ 2003 Second Edition 


MYPAL 


RRC 
Ten: (095) 956-1717, 133-5320 PEM oo MyPal A730 


Факс: (095) 133-5230 
Web: www.rrc.ru 


неотъемлемая составляющая нашей жизни. 

Д ИЗАЙ H - Пришел дядя Baca с завода домой и направил 
усталый взгляд на телевизор - к его изготовлению приложили руку 

промышленные дизайнеры. Загрузил компьютер - видит интерфейс, 
который разработали опять же профессиональные дизайнеры. Если 
раньше ты думал, что заставка ХР и округлость форм ее элементов - 
проявление детских комплексов Билла Гейтса, спешу разочаровать тебя: 
все это - плод фантазии дизайнеров Microsoft, которые разрабатывают 
интерфейсы программ. Лепка глиняного горшка, наверное, больше чем 
дизайн - это искусство, и компьютер в нем не участвует. Но горшок ты 
купишь в хозяйственном магазине, а мы погрузим тебя в тему именно 
цифрового дизайна и покажем, что творят сегодня с помощью цифровых 
устройств творческие люди. 
Сейчас средства, которые используются для создания шедевров, 
доступны каждому, особенно в нашей Стране: достаточно съездить на 
Савок и потратится на две-три болванки, чтобы иметь у себя дома то же 
самое. Мнение о сложности обучения дизайну - не более чем 
предрассудок. Профессиональными дизайнерами не рождаются (есть, 
конечно, ите, у кого это в крови). Просто в один прекрасный день кто-то 
попробовал и ему понравилось. 
Базовые теоретические знания - в этом номере Спеца, книжках и 
интернете. Больше умеешь - лучше вооружен. Но для этого надо читать, 
постоянно пробовать что-то новое, изучать чужие работы, пытаться 
повторить их, искать собственные решения и фишки. И не 
останавливаться на достигнутом. Профессионализм - постоянное 
движение и самосовершенствование, почти как езда на велосипеде: пока 
крутишь педали движешься, надоест крутить - ты внизу, в грязи. 
Дизайн в первом приближении - это креативность и владение 
необходимыми навыками на должном уровне - опыт. И то, и другое за 
деньги не купишь, но все можно обрести при желании и терпении. 
В этом Спеце - наглядные примеры и опыт профессионалов. Все они 
когда-то начинали с нуля. Кто-то начинал с домашней странички в 
интернете, кто-то с завистливого взгляда на работу мастера. Кто-то этим 
зарабатывает (очень даже неплохо) на жизнь, для кого-то это просто 
хобби. А чем является дизайн для тебя? .. 


Андрей Каролик 
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КЛАССИФИКАЦИЯ ВИДОВ ДИЗАЙНА, 
ОБУЧЕНИЕ ЕМУ И ТРУДОУСТРОЙСТВО 


Ч то такое дизайн? Ни одно определение не даст полной картины. Дизайн 
окружает нас во всем, он органично влился в нашу жизнь, мы к нему при- 
выкли и уже не представляем мир без него. Существует и такая формулиров- 
ка: дизайн - это прикладное изобразительное искусство :). 


ПРИНЦИПЫ ДИЗАЙНА 
Дизайн основывается на 

двух принципах: эстетика и 
эргономика. Эти два направ- 
ления неразделимы, наруше- 
ние гармонии между ними сводит на нет 
все попытки сделать качественный дизайн. 
Эстетика - это не просто “когда красиво", а 
одно из направлений философии, исполь- 
зующее элементы искусствоведения. Эрго- 
номика - это тоже целая наука, главная 
функция которой заключается в обеспече- 
нии пригодности предметов труда для ис- 
пользования человеком (а не наоборот!). 
Специалисты любой области дизайна учи- 
тывают принципы эргономики. Иногда 
крайне притягательная внешне вещь мо- 
жет оказаться неудобной или вообще неп- 
ригодной для использования - с этим и бо- 
рется эргономика. Естественно, ее принци- 
пы влияют и на веб-страницы, и на програм- 
мные интерфейсы (в этом случае уже гово- 
pst о usability). Эта наука основывается на 
многих принципах психологии и физиоло- 
гии человека, поэтому солидные студии не 
считают роскошью наличие в штате специ- 
алиста по эргономике. 

В дизайне, как и в изобразительном искус- 
стве, важную роль играют и ассоциативная 
композиция, и колористика. Конечно, обыч- 
ному дизайнеру необязательно знать все 
это досконально, но владеть основными 
понятиями просто необходимо. 

Несмотря на то, что дизайн - чисто твор- 
ческий процесс, очень важно то, что это не 
просто искусство, а прикладное искусство. 
Современный дизайн очень тесно связан с 
экономикой: невозможно представить себе 
ни одной успешной фирмы, которая обхо- 
дилась бы без услуг дизайнера. 
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ОТРАСЛИ ДИЗАЙНА 
Появление компьютера привело к рево- 
люции в дизайне. Сейчас практически ни од- 
на из его отраслей не обходится без компью- 
тера: современные дизайн-студии стремятся 
предоставлять полный спектр услуг. 

Более 80% существующих в мире дизайн- 
студий занимаются промышленным дизай- 
ном, несмотря на то, что он наиболее сложен 
для реализации и не сводится к процессу 
“слепил модельку, одел ее в симпатичную 
шкурку - готово": необходимо применять 
знания по материаловедению, эргономике, 
экономике (затраты на изготовление, потреб- 
ности рынка и т.д.). Практически обязательно 
наличие в студии инженера или дизайнера с 
соответствующим образованием. Обычно ра- 
бота над будущим продуктом происходит og- 
новременно в трехмерном редакторе (3D 
Studio Max, Maya, LightWave) и в каком-ни- 
будь инженерном пакете (AutoCAD, Autodesk 
Mechanical Desktop, Solid Works, CATIA), в ко- 
тором производится параметрическая подго- 
товка к производству и проверка на проч- 
ность. Напоследок модель украшается текс- 
турами (из Photoshop) и подвергается ренде- 
рингу для обеспечения товарного вида. В 
России заказы промышленного дизайна по- 
ка, увы, единичны. 

Грасрический дизайн занимает второе мес- 
то по популярности в мире (60% студий) и 
первое в России. Графический дизайн имеет 
несколько десятков подвидов: от полигра- 
фического до веб-дизайна. Сюда же относят- 
ся и верстка, и создание фирменного стиля 
(логотипы, визитки), и корректирование ‹ро- 
то, и реклама, и теледизайн, и дизайн упаков- 
ки, и многое-многое другое. При работе над 
таким дизайном применяются практически 
все виды программ: трех- и двухмерные 
(растровые и векторные) редакторы, прог- 
раммы gna верстки, веб-редакторы, Flash-pe- 
дакторы. 

Дизайн интерьера и архитектурный дизайн 
занимают почетное третье место (около 50% 
студий). На этой отрасли дизайна значитель- 
но сильнее, чем на других, отразилось влия- 
ние всевозможных стилей (модерн, минима- 
лизм, кантри, ардеко, конструктивизм, функ- 
ционализм, хай-тек). 

Его отдельная область - игровой дизайн 
(Flash не в счет). Если студия специализиру- 
ется на разработке игр, то, как правило, она 
уже не берется за другие отрасли дизайна. 
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Игровая индустрия последние нес- 
колько лет развивается с огромной 
скоростью, и в ней крутятся немысли- 
мые деньги. Из статистики: продажи 
игр и игровых консолей за 2003 год 
достигли объема $25 миллиардов, и 
это, очевидно, не предел. Честно гово- 
ря, меня немного поразило, что сред- 


ний возраст компьютерного игрока в 
США оказался равным 29-ти (!) годам. 
В России игровая индустрия тоже ли- 
хо набирает обороты и понемногу вы- 
ходит на мировой уровень. У нас, к 
примеру, ежегодно проводится гран- 
диозная выставка КРИ (Конференция 
разработчиков игр), где почти любой 
желающий может выставить свое 
творение на всеобщее обозрение. 
Для игровых компаний в основном 
требуются концепт-художники (дизай- 
неры персонажей, ландшасртов, тех- 
ники), ЗО-модельеры, текстурщики, 
создатели спецэфоректов, дизайнеры 
меню ит.д. Конечно, требуются и 
программисты, и звукооператоры, но 
наш разговор исключительно о ди- 
зайне. А нашим компаниям действи- 
тельно нужны новые люди. Для этого 
есть замечательный банк вакансий на 
dtf.ru, которым действительно интере- 
суются работодатели. 

Дизайном программного обеспече- 
ния чаще всего занимается сама ‹фир- 
ма - производитель cogpTa. В разра- 
ботке дизайна программы главную 
роль играет практичность и соблюде- 


ИСТОРИЯ ДИЗАЙНА 


ние стандартов классических прог- 
рамм этого класса, поэтому посторон- 
ним дизайн-студиям заказы поступа- 
ют сравнительно редко. По-другому 
обстоит дело с созданием скинов: ни- 
каких четких требований к ним не 
предъявляют, главное - чтобы запо- 
миналось. Существуют целые студии 
по созданию дополнительных цвето- 
вых схем к известным программам (к 
примеру, petroldesigns.com). 

Намного меньше студий, которые 
работают с использованием компью- 
теров при разработке дизайна ланд- 
шасрта, освещения или одежды. Не- 
смотря на то, что для этих видов ди- 
зайна существует огромное количе- 
ство плагинов для сосфта и специали- 
зированных программ (особенно для 
ландшасртного дизайна), в этих от- 
раслях дизайна в основном работают 
узкие специалисты. 


КАК СТАТЬ ДИЗАЙНЕРОМ? 
Сколько же нужно учиться на 
просфессионального дизайнера? При- 

мерно столько же, сколько и на ху- 
дожника, то есть "всю жизнь". Клас- 
сическое дизайнерское образование 
обычно состоит из трех этапов: худо- 
жественная школа, художественное 
училище, факультет дизайна ВУЗа, в 
который поступить непросто: нужно 


Дизайн - тер- 
мин, обознача- 
ющий новый 
вид деятель- 
ности по про- 
ектированию 
предметного 
мира (Большая 
советская эн- 
циклопедия). 


В России рас- 
ценки на раз- 
работку дизай- 
на раз в 10 ни- 
же, чем, нап- 
ример, в США. 


РАССУЖДЕНИЕ О ДИЗАЙНЕ ) 


сдать экзамен, продемонстрировав 
разносторонние художественные на- 
выки (в подготовке может помочь ре- 
петитор и курсы). Итого, на образова- 
ние затрачивается около 15-ти лет. Но 
что же делать, если школьный этап 
уже упущен, любимый универ бро- 
сать не хочется, а свободного време- 
ни не так много, как хотелось бы? 
Можно пройти заочное обучение (или 
получить второе высшее образова- 
ние - прим. AvaLANche'a). В любом 
случае, помимо полученных знаний, 
диплом уважаемого в дизайнерских 
кругах ВУЗа (Московский государ- 
ственный университет печати, напри- 
мер) добавит жирный плюс при прие- 
ме на работу. Существует также куча 
различных платных курсов (довольно 
известны, например, курсы при МГТУ 
- www.specialist.ru/courses.asp?sid=3#3 - прим. 
Ог.), время обучения на которых варь- 
ируется от нескольких дней до нес- 
кольких лет. По окончанию курсов 
выдается сертификат или свидетель- 
ство различного уровня крутизны. 

И на это нет времени? Многому 
можно научиться и в домашних усло- 
виях. Для начала желательно уметь 
хотя бы немного рисовать, но и ху- 
дожниками не рождаются. Изучи на 
хорошем уровне хотя бы один прог- 
раммный продукт, к которому боль- 
ше всего лежит душа (учебники при- 
дут к тебе на помощь). Однако, как 
показывает практика, одной прог- 
раммы для полноценной работы не 
хватает. Повысить свой уровень мас- 
терства помогают всевозможные те- 
матические уроки по конкретным 
программам, которых сейчас в руне- 
те навалом. Пожалуй, самые лучшие 
уроки лежат на render.ru, psd.ru, 
graphics.ru. Также хорошим пособием 
для обучения являются работы 
опытных дизайнеров, благо в интер- 
нете их найти несложно. 

Работа над любым дизайном обыч- 
но проходит в несколько этапов. Во- 
первых, нужно проанализировать, 
что, собственно, предполагается 
сотворить, нарисовать несколько 
быстрых набросков на бумаге, запи- 
сать родившиеся идеи. Во-вторых, 
изучить то, как другие дизайнеры 
(профи) решали эту проблему - поя- 
вятся новые идеи. Конечно, плагиат 
(copy & paste), в любом случае яв- 
ляется злом, но позаимствовать 
несколько хороших мыслей, подк- 
лючив свой мозг и свои идеи, быва- 
ет иногда очень полезно. Послед- 
ний этап - непосредственная работа 
над проектом, в которой очень по- 
могает мнение со стороны: часто 
глаз креатора теряет бдительность 
и не видит обычных огрехов, а пос- 
тороннему человеку обнаружить их 
проще. 


КУДА ПОЙТИ РАБОТАТЬ? 

m Когда-нибудь этап работы "для ce- 
бя, для друзей" закончится, и насту- 
пит пора искать работу. Для такой 
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поры есть несколько путей: устроить- 
ся в студию (фирму, компанию), ис- 
кать и выполнять заказы самому, ор- 
ганизовать свою студию. В любом 
случае перед этим настоятельно ре- 
комендуется сделать две вещи: соб- 
рать портфолио и составить резюме. 
Портфолио желательно иметь в циф- 
ровом и аналоговом вариантах, т.е. 
один в Сети, а другой - в папке непо- 
мерных размеров, распечатанный на 
ватманах в лучшем качестве (такое 
делают, например, в фотоцентре), ес- 
ли же ты занимаешься анимацией 
или видео, то при себе нужно посто- 
янно носить CD с этими работами. 

Для того чтобы устроиться в при- 
личную студию, одного желания не- 
достаточно: необходимо обладать 
неплохими навыками и опытом рабо- 
ты. При трудоустройстве придется 
пройти собеседование и/или сделать 
тестовую работу. Иногда тестовое 
задание может оказаться участием в 
конкурсе, на который все желающие 
присылают свои работы (обычно те- 
матические, например, модель Чебу- 
рашки). По результатам отбора луч- 
ших авторов приглашают на собесе- 
дование или сразу в штат. В некото- 
рых случаях могут взять на обучение 
стажером, предложив очень скром- 
ную зарплату. 

Искать непосредственных заказчи- 
ков - совершенно другая проблема. 
Поиск заказчика и удовлетворение 
его требованиям - непростое дело. 
Дизайнер создает работы не для се- 
бя, а для заказчика. Поэтому индиви- 
дуальный стиль - это непозволитель- 
ная роскошь, пользоваться которой 
могут только дизайнеры с мировым 
именем, да и то не всегда. Умение 
быстро перестраиваться под стиль, 
нужный заказчику, не раз пригодится 
в дизайнерской работе. Может воз- 
никнуть другая проблема: клиент тре- 
бует нарисовать то, что и в общест- 
венный туалет стыдно повесить (к 
примеру, веб-страница с фоном "под 
кирпич"). В таких случаях никто не 
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застрахован от кидалова, но и здесь 
есть свои плюсы - свободный график, 
финансовая и идейная самостоятель- 
НОСТЬ... 


МАСТЕР НА ВСЕ РУКИ 

m Навязали совместную работу с 
другими творческими натурами - жди 
неприятностей. Конечно, одному 
справиться в большинстве случаев 
все равно не получится, но работать 
в коллективе не так просто, как ка- 
жется на первый взгляд. Допустим, 
ты создаешь модели для игр в фир- 
ме среднего размаха. Все хорошо, 
концепт-художник рисует наброски 
будущих моделей, ты их реализуешь 
в 30, текстурщик, аниматор и прог- 
раммист тоже делают свое дело. Og- 
нако может случиться и такое, что 
художник предложит реализовать 
что-то нереализуемое, созданная 
текстура не подойдет к модели, а 
аниматор вообще пропадет без вес- 
ти - в общем, полная ерунда. Каждый 
участник проекта должен знать и по- 
нимать то, чем занимаются осталь- 
ные. Например, при создании модели 
необходимо представлять себе, как, 
например, будет выглядеть ее раз- 
вертка и как будет легче наложить 
на нее текстуру, как лучше реализо- 
вать анимацию будущего объекта и 
т.9. Для экстренных случаев жела- 
тельно уметь заменять коллег, поэ- 
тому быть узким специалистом весь- 
ма невыгодно. 


ВМЕСТО ЗАКЛЮЧЕНИЯ 

ш Мир дизайна огромен, многие лю- 
ди уходят в него с головой и работают 
под девизом "дизайн 24 часа в сут- 
ки". Можно не посвящать себя дизай- 
ну полностью, можно им вообще не 
заниматься, но не считаться с его су- 
ществованием невозможно. 


Автор благодорит Динару 


Ахметову за помощь в подготовке 
этого материала. 
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ЭКРАННАЯ ТИПОГРАФИКА ) 


тепан Ильин aka Step (step@real.xakep.ru) 


ЭКРАННАЯ 
ТИПОГРАФИКА 
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ТИПА, ГРАФИКА? 


ш Для начала непло- 


хо было бы разобрать- 


ся с самим понятием 


“типограсфика”. Ты ког- 
да-нибудь работал в типографии или 
в издательстве? Есла да, то таких, как 
ты, немного, поэтому все-таки о специ- 
фике верстки печатных изданий рас- 
сказать нужно. 

Итак, типографика - это графичес- 
кое оформление печатного текста 
посредством набора и последующей 
верстки, а также проектирование 
внешнего вида печатного произведе- 
ния. Понятие довольно растяжимое: С 
одной стороны, к работающим в ти- 
пограсфике относят себя вездесущие 
и суетливые авторы, наборщики текс- 
та, а также добрая братия редакторов, 
с другой стороны, - команда художни- 
ков-оформителей и иллюстраторов, 
проектировщиков шрифтов и, конеч- 
но же, верстальщиков. 

Так же широко определение экран- 
ной типографики. Впервые этот тер- 
мин стали употреблять после появле- 
ния в продаже мониторов (время воз- 
никновения термина легко опреде- 
лить, правда?). Использовавшиеся 
до этого эпохального события мето- 
ды верстки, шрифты и каноны 
оформления печатных изданий были 
жалкие. Опытные дизайнеры посмот- 
рели на все это безобразие, позволи- 
ли себе по одной скупой мужской 
слезе, почесали репу и решили, что с 
этим нужно что-то делать. Еще бы: ку- 
шать-то хочется :). 


Bitmap bo 


В конце 80-х годов ставшая Bnocneg- 
ствии мегапопулярной компания Adobe 
предложила свой тип шрифтов. Туре 1 в 
отличие от растровых вариантов бази- 


ровался на векторной графике, поэтому 
его размеры можно было увеличивать и 
уменьшать без потерь в качестве. 
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НАБИРАЕМ, ОФОРМЛЯЕМ И ВЕРСТАЕМ ПРАВИЛЬНО 


В ЧЕМ ФИШКА? 

m Так рождалась целая наука - эк- 
ранная типографика, унаследовавшая 
кое-что от своей бумажной предшест- 
венницы, но несмотря на это во мно- 
гих отношениях уникальная. На пер- 
вый взгляд, ее особенности не очевид- 
ны, значит, нужен второй взгляд. 

Например, размер монитора и ис- 
пользуемое на нем разрешение уста- 
навливают целый ряд ограничений 
для виртуальной страницы, ее потен- 
циального размера и пропорций. 
Дисплей - это не холст, и на нем кро- 
ме текста, иллюстраций и оформле- 
ния должны постоянно отображаться 
элементы управления, без которых 
как без рук. 

“Бумажные” шрисфты содержат 
слишком много мелких элементов, 
имеют сложный рисунок, плохо выгля- 
дят на мониторе, не обеспечивают 
различий между символами при низ- 
ком разрешении экрана, поэтому и не 
используются при подготовке печат- 
ных изданий на компьютере. Дизайн и 
эргономика шрисфтов - это отдельный 
разговор, слишком длинный для такой 
статьи. Однако если ты всерьез решил 
заняться дизайном, то работать со 
шрисфтами придется очень много. В 
серьезных проектах отделаться лишь 
Times'amu и Verdana не получится. 
Для конкретного заказа необходимо 
подобрать или разработать такой 
шрисрт, который “влился бы" органич- 
но в стиль и концепцию дизайна. 

Не последнюю роль играет разум- 
ное структурирование данных, грамот- 
ная компоновка теста и графических 
изображений, обеспечение эргоно- 
мичности. Шаблоны, принятые в кни- 
гопечатании, далеко не всегда подхо- 


дят для электронных изданий. Несмот- 
ря на то, что дизайн шаблонов не тер- 
пит, 90 сих пор существуют некото- 
рые законы, не позволяющие дизай- 
неру превратить разрабатываемую 
веб-страничку в непонятную, хотя и 
оригинальную свалку гиперссылок, 
текста и иллюстраций. 
Веб-типографика - тоже отдельная 
тема. Ее слабое место - невозмож- 
ность обеспечить полное соответ- 
ствие того, что видит во время раз- 
работки сайта дизайнер, тому, что 
предстанет перед глазами конечного 
потребителя. Каждый браузер интер- 
претирует HTML по-разному, отсюда 
и проблемы. Типичный пример - не- 
безызвестный музыкальный сервер 
уммигир.г, несовместимый в сексуаль- 
ном отношении с Орега. Врожденно... 


ЛИКБЕЗ ПО ЭКРАННОЙ 
ТИПОГРАФИКЕ 

и Возможно такое возмущенное 
возражение в мой адрес: “Черт поде- 
ри! О чем это он?! Экранная типогра- 
фика - это же правила набора текс- 
та". Я с этим согласен, но только час- 
тично. Зачем нужно было изобретать 
новый термин, если он не нес в себе 
никакого нового смысла? Абсолютное 
большинство правил набора и 
оформления текста, за исключением 
нескольких связанных со специфика- 
цией языка HTML, были составлены в 
обычной типограсрике. 

Несколько лет назад в интернете 
было одновременно опубликовано 
несколько статей с одним и тем же 
названием - “Экранная типографика". 
Все они касались лишь правил набо- 
ра текста, что и стало причиной расп- 
ространения такого узкого понимания 
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Для улучшения распознаваемости шрифтов Ha LCD-mouuTopax Microsoft разработала 
технологию ClearType. Справа - текст с включенным ClearType. Разница очевидна. 
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Интервал и удобство чтения текста связаны напрямую. Слишком маленькие интервалы 
затрудняет распознавание текста, слишком большие - препятствуют скоростному чтению. 


Тире, например, заменяет собой 
пропущенное слово, в то время как дефис 
чаще всего является "связующим звеном". 


этого термина. Тогда Артемий Лебе- 
дев в своем знаменитом "Ководстве 
(www.artlebedev.ru/kovodstvo2/sections/ - читать 
всем!) описывал экранную типогра- 
qpuky как “специфику экранного чте- 
ния и русских типографских тради- 
ций, а также совместимость с разны- 
ми платформами и кодировками". 

Предлагаю коснуться этих самых 
правил. 


ЖИ-ШИ И ЧА-ЩА 

@. Существует целый ряд правил, 
относящихся к кавычками. В русских 
текстах используются «елочки» или 
„папки“. Для английского языка это 
совершенно неприемлемо: стандарт- 
ными являются “такие” или ‘такие' ка- 
вычки. Что касается значка дюйма ("), 
то он применяется исключительно в 
исходных текстах программ, иногда в 
электронной переписке (на самом де- 
ле знак дюйма применяется так широ- 


&laquo; | « | левая кавычка (левая елочка) 
&гадио; | » | правая кавычка (правая елочка) 
&#132; | „| открывающая лапка 

&#HI47; |“ | закрывающая лапка 

&#HI47; |“ | открывающая английская лапка 
&#148; |" | закрывающая английская лапка 
&#151; |-| тире 

&minus;} - | минус 

&#146; | ' | апостроф 

&#133; | ... | многоточие 

&#167; | § | параграф 

&#169; | ©| copyright 

&#174; |® | registered 

&#153; | ™| символ товарного знака 


Справочник НТМЁ-верстальщика 


ГОРЯЧИЕ КЛАВИШИ 


ко в электронных текстах потому, что 
его непостредственно можно набрать 
с клавиатуры в текстовом режиме (в 
консоли) - прим. AvaLANche'a). 

@. Тире - это совсем не то же самое, 
что gecpuc. Хотя бы потому, что пер- 
вое длиннее раза в два-три. Между 
ними существует разделение труда: 
тире, например, заменяет собой про- 
пущенное слово, в то время как де- 
сис чаще всего является “связую- 
щим звеном" сложных слов и знаком 
переноса. 

@. В интернете часто используются 
знаки “знак охраны авторского пра- 
Ba" © и “символ зарегистрированного 
товарного знака" ®. Писать их нужно 
именно так - комбинации (с) и (г) не 
годятся (опять же, в старых 7-битных 
кодировках этих знаков в помине не 
было - прим. AvaLANche'a). 

@. Правильная расстановка перено- 
сов - задача более сложная, чем мо- 
жет показаться на первый взгляд. 
Важно научиться оперировать нераз- 
рывными пробелами и дефисами, что- 
бы исключить ситуации "разрыва" 
слов с предлогами или частицами. За- 
помни: дефис на следующую строчку 
не переносится. Недопустимой счита- 
ется и слишком маленькая последняя 
строка абзаца. 

Лихо? Не то слово, тем более что 
это лишь небольшая часть правил. 
Более полный вариант смотри, напри- 
мер, здесь - wwWw.cs.hujiac.il/~alexkon/typography 
/rules.html и wwwJlivejournal.com/users/qenn_ora/18700.html. 
Рекомендую. 


Ш В Microsoft Word действуют следующие полезные комбинации 


клавиш; 


Ctrl+ “серый минус" - короткое тире; 


Ctril+Alt+ “серый минус" - длинное тире; 
Ctrl+Shift+ “пробел” - неразрывный пробел; 
Ctrl+Shift+ “дефис” - неразрывный дефис. 


ЧТО ЖЕ ДЕЛАТЬ? 

m Честно говоря, когда я впервые 
ознакомился с правилами экранной 
типограсрики, я даже расстроился. Так 
много возни с вещами, на которые в 
повседневной жизни мало кто обра- 
щает внимание. Работы и так невпро- 
ворот, а тут еще к обеспечению goc- 
тойного стиля, оформления и эргоно- 
мичности дизайна прибавляется вы- 
лавливание ошибок типографики. 
Представь себе, что ты читаешь, нап- 
ример, электронный справочник толь- 
ко для того, чтобы убрать все лишние 
пробелы (пробел везде, где он нужен, 
должен быть единственным), расста- 
вить правильные кавычки, переносы, 
десрисы и тире. Ты уже готов пере- 
жить сильнейшее экзистенциальное 
потрясение в своей жизни? :) Не спе- 
ши. Есть способ проще (например, 
воспользоваться услугами редактора, 
который почему-то нашел в этой 
статье двойные пробелы :) - прим.Ог.). 

Существует масса программ, скрип- 
тов и онлайновых сервисов, которые 
способны исследовать текст на npeg- 
мет ляпов в тексте и в случае необхо- 
димости их ликвидировать. Среди на- 
иболее продвинутых сервисов - «Ти- 
norpacp» Артемия Лебедева (W.artlebe- 
dev.ru/tools/typograf), “Типограф 1.4" 
(www.typograf.ru), “Автотипографика“ (al.web- 
code.ru/online). Если все это не устаивает 
тебя по каким-то причинам, то мо- 
жешь попробовать самостоятельно 
разработать подобный инструмент и 
подогнать его под свой вкус. Таким 
энтузиастам, как ты, могу порекомен- 
довать проштудировать исходники с 
www livejournal.com/talkread.bml?journal=david_m&itemid=2533 
3, а также заглянуть в “Konunky регу- 
лярных выражений" 
(www.spearance.ru/parser3/regex). 


БЕЗ ТРУДА HE УТОПИШЬ 
И ТРАКТОР В ЛУЖЕ 

и Хочется тебе того или нет, но с 
правилами типограсрики тебе придет- 
ся считаться. Если раньше заказчик 
мог не заметить или простить, напри- 
мер, ошибки набора текста, то теперь 
такой номер не прокатит. Требования 
стали значительно выше, а соблюде- 
ние правил типограсфики стало стан- 
дартом, де-факто. 2 


Скобки в прос- 


том тексте 
применяют 
только круг- 


лые. В скобки 
заключаются 
вводные сло- 
ва, пояснения 
и дополнения к 


основному 
тексту. 
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“Типограф 1.4“ исправил все имеющиеся во введенной 
бки и вывел правильный HTML-kog на экран 
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Grimmy3D (grimmy3d.artpsychosis.ru 


TEMHOE 
ИСКУССТВО 


КУРС ЛЕКЦИЙ 


ТЕМНОЕ ИСКУССТВО ) 


ФИЛОСОФИЯ DARK-ART 
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Е сли ты держишь в руках этот Спец, то, видимо, каким-то образом интересуешься компьютерной графикой и/или 
только собираешься заняться ею. Расскажем тебе про Dark-Art как об одном из наиболее популярных в наши дни 
жанров компьютерной графики. 


ля того чтобы стать 


крутым дарк-артистом, 


совершенно не обяза- 


тельно обвешавшись 


черепами бродить в 
мрачном унынии по погостам или со- 
вершать жертвоприношения. В об- 
щем, мышку в руку (или планшет туда 
же) и вперед. 

Возможно, ты и не являешься пок- 
лонником данного вида искусства, но 
в компьютерных играх, во время тво- 
их скитаний по галереям в интернете 
(не порно-галереям, а посвященным 
компьютерной грасрике), в музеях и в 
жизни ты неоднократно сталкивался с 
мрачными произведениями как живо- 
писного, так и литературного характе- 
ра. Поэтому не будет лишним узнать 
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ХАКЕРСПЕЦ 


про мир Dark-Art'a и темного искус- 
ства в целом. 


DARK-ART 

Дословно с английского - "темное 
искусство или темное творчество". 
Направление в искусстве, зародивше- 
еся в XV веке и дожившее до наших 
дней, заодно перекочевавшее в музы- 
ку, литературу, поэзию и архитектуру. 
На данный момент невозможно пере- 
числить все те сферы нашей повсес- 
невной жизни, куда проникли семена 
мрака (да-да, зло вокруг нас). Напри- 
мер, готическая архитектура средне- 
вековой Европы - гаргулии и демоны 
на крышах. Если говорить о компью- 
терных играх, то можно назвать 
Heretic, Quake, Thief, кучу адвенчур и 
квестов, кишащих пентаграммами, 
крестами, расчлененкой, ходячими 
мертвецами и т.п. Если говорить о ки- 
нематограсре, то к Dark-art можно от- 
нести, например, "Чужого", срильмы 
про вампиров и всякую нечисть... 


В общем, что тут говорить - Dark- 
art вошел в нашу жизнь оконча- 
тельно и бесповоротно, а точнее мы 
впитали его в себя с детства из ска- 
зок, страшилок у костра в пионерс- 
ких лагерях (если кто помнит), из му- 
зыки и фильмов, из литературы и 
живописи. Dark, тьма, мистика не 
обошли стороной ни один из совре- 
менных жанров искусства. 


i 


SenTensE 


Grimmy3D - художник-дизайнер, один из 
основателей сайта artPsychosis.ru, 
ведущий Psycho-Dark-Art художник 
рунета (grimmy3d.artpsychosis.ru). 


ПОЧЕМУ ЭТО ПОПУЛЯРНО И 
BOCTPEBOBAHO 

Отмазаться от ответа на этот воп- 
рос фразой типа "это популярно, по- 
тому что человечество в любое время 
любило грязь, насилие, и всех всегда 
занимал потусторонний мир" (хотя это 
правда только отчасти) не получится. 
В настоящее время дарк-артисты 
востребованы прежде всего в оформ- 
лении обложек компакт-дисков для 
известных и не очень групп, в основ- 
ном играющих тяжелую музыку. В ин- 
дустрии рекламы. Согласись, что ког- 


да ты показываешь свои шедевраль- 
ные работы и у потенциального рабо- 
тодателя начинают шевелиться воло- 
сы (сам знаешь где), но в то же время 
он не может оторвать взгляда от кар- 
тины, - это безумно приятно gna тебя 
и практически гарантирует получение 
заказа. Однако с этим тоже нужно не 
переусероствовать, так как слабые 
нервы и неприятие Dark’a как таково- 
го пожилыми людьми могут поспособ- 
ствовать тому, что ты будешь отправ- 
лен домой заколачивать гвозди в гро- 
бик своей морской свинки :). 


Любой дарк-артист обычно обладает 
гораздо более богатой фантазией, 
чем рядовой дизайнер-попсовик. Но и 
TYT нашего героя поджидают подвод- 
ные камни. Например, необходимость 
в сжатые сроки выполнить попсовый 
заказ (поверь, что это очень нелегко). 
Порой творческие муки становятся 
невыносимыми и ты идешь на ковер к 
арт-директору с та-а-аким отстоем... И 
если этот самый отстой принимают к 
производству, хочется вообще прова- 
литься под землю со стыда. Не сосчи- 
тать, сколько таких работ дарк-артис- 
ты никому в жизни не покажут и не 


ИСТОРИЯ DARK-ART'A 


em) 


поставят под ними своей подписи. По- 
этому сильно увлекаться дарком тоже 
не стоит, потому что развиваться Ha- 
gO равномерно и желательно разно- 
сторонне. 


И КАК ЖЕ РОЖДАЮТСЯ 
КАРТИНЫ 

Неужели у даркера в голове кро- 
ме черепов, крови и жутких монстров 
ничего нет?! Нет! (Смотри ссылки на 
работы - прим. peg.) Откуда берутся 
образы и идеи? Могут ли они рож- 
даться в голове нормального, психи- 
чески уравновешенного человека? 
Подобного рода вопросы подстерега- 
ют дарк-артиста на каждом шагу. Чет- 
кого и точного ответа на этот вопрос 
дать нельзя, поскольку все в этом ми- 
ре относительно. Главное, чтобы твое 
творчество не нарушало законы :). 
Все остальное разрешено. 


ЧТО НУЖНО, ЧТОБЫ СТАТЬ 
КРУТЫМ ДАРК-АРТИСТОМ 

Ты, конечно, слышал о таком не- 
обходимом для дизайнера инструмен- 
те, который называется "прямые ру- 
ки" (made т пе pyataya tochka). Так 
вот, тебе он пригодится. Хорошо раз- 
витая фантазия, богатое воображе- 
ние - обычно даже этого минимально- 
го набора хватает для реализации лю- 
бой идеи. 

При прогулках по сети, кстати, мож- 
но узнать радостный факт: наполне- 
ние известных галерей компьютер- 
ной градрики более чем на 50% (а то 
и на все 80%) состоит из работ, в той 
или иной степени впитавших в себя 
философию Dark-Art. За доказатель- 
ствами далеко ходить не надо: 
| . Например, 
www.artpsychosis.ru - ресурс, по-о-ол- 
ностью посвященный Dark-Art. Пози- 
ционирует себя как "Клиника для 
творчески одаренных людей", орга- 
низаторы данного ресурса пропаган- 
дируют стиль Psyho-Dark-Art. И по- 
добных ресурсов море. HH 


Компьютерная 
графика более 
чем на 50% 
состоит из 
Dark-Art. 


Дарк-артист 
мало чем отли- 
чается от 
обычного ху- 
дожника - нем- 
ного отличает- 
ся вкус, а фан- 
тазия богаче. 


Dark-Art - это 
совершенно не 
обязательно 
кровь, 
монстры и про- 
чая бяка, как 
могут подумать 
некоторые. 


Антон Cakapa, ведущий дизайнер М 


ФОРМИРУЕМ ет 
СТИЛЬ ПРОЕКТА _ 


о 


РОРМИРУЕМ СТИЛЬ ПРОЕКТА ) 


Россия 


№2 


д Г 


т тебя требуется соз- 


дать настолько удач- 


ную композицию, что- 


бы заказчик сказал 

«WOW!» или хотя бы 
«неплохо!». Только в таком случае те- 
бя посетит чувство выполненного 
долга: твой дизайн не так уж плох, а 
может, даже гениален! Что нужно для 
всего этого? 

Во-первых, жди вдохновения (это 
как будто в тебя что-то вдохнули) :). 
Не было, а тут раз - и появилось. 
Срочно начинать работу! Вдохнове- 
ние надолго не задерживается. Один 
мой друг, он же известный дизайнер, 
говорит так: "Начинай работу не отхо- 
дя от кассы". Послушай хорошую му- 
зыку, полистай дизайнерские книжки, 
зайди Ha мии.сотриепоуеле - позволь все- 
мирному культурному наследию заро- 
нить в тебя семя. При хороших усло- 
виях взойдет очень быстро. 

Во-вторых, необходимы некоторые 
знания: вспомнить некоторые рецеп- 
ты красоты не помешает. Пройдемся 
по основным понятиям дизайна, таким 
как шрисфт, цвет, композиция и стиль. 


ШРИФТ 

и Любой дизайнер, начинающий ра- 
боту над новым проектом, сталкивает- 
ся с проблемой выбора подходящего 
шрисрта. Надо обязательно удивить 
всех красивыми буквами! Хочется 
сделать так, чтобы внешний вид сайта 
рассказывал зрителю намного боль- 
ше, чем можно на нем прочитать. 
Большие и красивые буквы завора- 
живают и влекут к себе, как сирены 
Одиссея. В окне выбора шрисдфтов пе- 
ребираешь сотни и тысячи гарнитур, 
ищешь самые подходящие, каких 
обычно набирается с неробкую дюжи- 
ну. Как раз с этого и начинаются 
ошибки начинающих дизайнеров. 

Во-первых, всегда хочется написать 
название проекта большими буквами. 
Когда я учился в Архитектурном инс- 
титуте, мы отличали новичков от тех, 
кто отучился перед поступлением в 
художественной школе, по размеру 
надписи "ПРОЕКТ" на планшете. Во- 
вторых, всегда тянет разнообразить 
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ЦВЕТА, ШРИФТЫ, ОСНОВЫ КОМПОЗИЦИИ 


написание текста. Начинающий ди- 
зайнер хочет показать всем, что у не- 
го много шрисфтов и вообще он в этом 
деле виртуоз. Смотришь на веб-стра- 
ничку и легко находишь пять-семь 
разных написаний. Чем важнее 
смысл текста, тем более вычурный 
шрисот. В-третьих, появляется жела- 
ние приложить свою руку к великому 
делу типографики и помочь разра- 
ботчику шриста. Обязательно надо 
растянуть текст по вертикали или, 
еще хуже, по горизонтали, вписать 


Цветовой круг, насыщенность, яркость, 
контраст и нюанс Три кита современной типографики 


его вдоль кривой или исказить ка- 
ким-нибудь эффектом, например, "от- 
ражением в воде". 


РЕЦЕПТЫ КРАСОТЫ 

m= Во всей композиции лучше ис- 
пользовать не более трех гарнитур 
(шрисртов). 

Заголовки лучше писать "рублены- 
ми" шрисфтами (Helvetica, Pragmatika, 
Arial, Helios). Если есть желание ис- 
пользовать декоративный шрифт с 
завитушками и вензелями, то исполь- 
зуй не больше двух-трех слов, иначе 
у зрителя возникнут трудности с чте- 
нием. Они даже могут нажать на смер- 
тоносный крестик в правом верхнем 
углу браузера, и ты распрощаешься с 
этими пользователями навсегда. 

Если текста много, пиши гарнитурой 
с засечками. Их еще называют "антик- 
вы" - Times New Roman, Garamond, 
Journal, Baltica и т.п. Засечки помога- 
ют следить за словами по строкам и 
не сбиваться. Кстати, для этого можно 
использовать и рубленные шрисфты: 
страничка будет смотреться прогрес- 
сивнее и свежее. 

Не стоит деформировать шрисрт. 
Поверь, это неблагодарный труд. Все, 
что тебе простит разработчик гарни- 
туры, - это изменение расстояния 
между буквами (tracking), между 
строчками (leading), а также более 
плотную подгонку отдельных букв 
друг к другу, что допустимо в заголов- 
ках (kerning). Последнее как раз и от- 
личает макет, сделанный профессио- 
налом, от любительского. Буквы - са- 
мое совершенное изображение из 
тех, что придумал человек, и они зас- 


Рубленый 
Антиква 


Pe es 


Космическая тема в стиле Future 


луживают того, чтобы за ними нежно 
ухаживали. 

Очень полезно обращать внимание 
на размер текста. Сверка масштаба - 
одно из мощнейших средств довести 
дизайн до совершенства. Когда масш- 
табность не соблюдается, то есть, 
например, размеры шрисфтов отлича- 
ются друг от друга даже незначитель- 
но, буквы варуг перестают слушаться, 
начинают спорить друг с другом, уст- 
раивают бунт. Для композиций с не- 
большим количеством текста помо- 
жет принцип триединства: крупные 
буквы, рядом - в полтора раза мельче, 
внизу - еще мельче. Те строчки, что 
поменьше, тут же послушно подчи- 
нятся тем, которые побольше. Возник- 
нет приятный глазу порядок. Буквы 
встанут в строй как верные и предан- 
ные слуги. 


ЦВЕТ 

Ты можешь сколько угодно спо- 
рить со мной, но чаще всего закрыва- 
ют после пяти секунд просмотра ту 
веб-страницу, дизайн которой выпол- 
нен на основе ярко-красного, зелено- 
го или желтого фона, какой бы инте- 
ресной она ни была. Глазное дно на- 
ходится в катастрофической близости 
от мозга, который еще может приго- 
диться :). То, что мы видим на экране 
монитора, является всего лишь ком- 
бинацией трех цветов: Red (красный), 


Композиция симметрична, динамика 
обеспечена за счет легкого дисбаланса 
по форме и цвету 


ПОЛЕЗНЫЕ (В КОМПЛЕКТЕ СО СТАТЬЕЙ) РЕСУРСЫ 


Green (зеленый) и Blue (синий). Зада- 
ча дизайнера - уговорить всех троих 
хорошо поработать в коллективе и, 
как следствие, порадовать глаз зрите- 
ля. Для этого надо выяснить, что на 
самом деле любит этот "Мистер Глаз". 

Все видимые gna человеческого 
глаза цвета укладываются в так на- 
зываемый цветовой круг. Они выст- 
роены друг за другом и взаимозави- 
симы, так как каждый из них по мере 
движения по цветовому кругу выхо- 
дит из предыдущего и постепенно 
переходит в следующий. Теперь ты 
хорошо видишь, что красный нахо- 
дится напротив зеленого, оранже- 
вый напротив синего, желтый - нап- 
ротив фиолетового. Оранжевый - 
это не совсем то же, что оранжевый. 
Между синим и фиолетовым идет 
вечная война, а зеленый вообще не 
признает соседей. Любой цвет также 
имеет насыщенность и яркость. Чем 
больше насыщенности, тем цвет бо- 
лее "цветной": минимальная насы- 
щенность у серого цвета. Яркость 
цвета определяется так: чем ярче, 
тем светлее. Минимальная яркость у 
черного цвета. 


РЕЦЕПТЫ КРАСОТЫ 

Старайся не использовать цвета, 
расположенные рядом на цветовом 
круге. В этом случае возникнет непри- 
ятный для глаза нюанс (мало разли- 
чимая разница) и взгляд начнет ме- 
таться в поисках стабильности. Неко- 
торые страдают дальтонизмом, но да- 
же такие смогут отличить темное от 
светлого. Поэтому если хочется по- 
больше оттенков, то лучше работать 
с вариантами яркости и насыщеннос- 
ти одного и того же цвета. 

Цвета, лежащие друг напротив gpy- 
га (дополнительные), например, 
красный и зеленый, вряд ли уживут- 
ся на одной территории. Дело в том, 
что у них принципиальное противос- 
тояние вот уже несколько миллио- 
нов лет, примирить их - утопия. Но и 
утопия имеет право на существова- 
ние, если ты задался целью создать 
дизайн в стиле "панк". 

В одной композиции не стоит ис- 
пользовать больше трех-четырех 
цветов. Чем больше цветов, тем 
больше дизайн похож на попугая. 
Профессионалы используют много 
цветов только в том случае, если це- 
левая аудитория - дети (чтобы не ску- 
чали), домохозяйки (чтобы заметили 
товар на полке) или умственно отста- 
лые (им все равно). 


Отличная рисованная фактура 


КОМПОЗИЦИЯ 

Композиция - живой организм. В 
ней все взаимосвязано и находится на 
своем месте, причем каждый элемент 
выполняет свою срункцию. И если он 
ушел со своего места и занял чужое, 


то все разрушится. Задача дизайнера - 


расставить все по своим местам в со- 
ответствии с творческим замыслом. 
Сначала все как будто происходит 
само собой - работа кипит, мышка 
шуршит, за окном сумерки сменяются 
ночью. И вот приходит момент, когда 
ты смотришь на все то, что было сде- 
лано, и решаешь заварить себе кофе. 
Ты смотришь в монитор, и вдруг начи- 
нает резать глаз: вот здесь как-то кри- 
во, а там вообще все надо сделать по- 
другому. Наступает момент истины - 
анализируешь композицию! У компо- 


Вдохновение 
надолго не за- 
держивается. 
Если пришло - 
используй! 


Типографика уличных художников создает неповторимый 
ритмичный орнамент 


Многое кроется 
в самих бук- 
вах, а не в 


словах и пред- 
ложениях. 
Иногда имеет 
смысл подог- 
нать буквы 
друг к другу. 


Если использу- 
ешь много 
цветов, то ус- 
пех гарантиро- 
ван. Среди де- 
тей, домохозя- 
еки умственно 
отсталых. 


Иногда и пус- 
тое место не- 
сет в себе глу- 
бокий смысл. 
Нужно только 
уметь обыг- 
рать его. 


о 


КУРС ЛЕКЦИЙ 


РОРМИРУЕМ СТИЛЬ ПРОЕКТА )) 


Стиль манга не обходится без 
мультяшных девочек в коротких 
платьицах 


зиции есть несколько щупалец, кото- 
рые она протягивает к зрителю: одной 
нежно обвивает шею, другой чешет 
за ушком, третьей крепко держит не 
отпуская и заставляя подольше разг- 
лядывать. Вот некоторые из них. 
Целостность. Композиция будет 
удачной, если она не развалится на 
части и все ее элементы станут участ- 
никами единой команоы. Как только 
возникает объект-конкурент, угрожа- 
ющий развалить все построенное, то 
появится возможность прибегнуть к 
еще одному инструменту - балансу. 
Баланс. Его наличие не означает рав- 
номерного заполнения пространства 
объектами одного размера для уравно- 
вешивания композиции. Баланс подра- 
зумевает распределение смысловой 
нагрузки по экрану без явных прова- 
лов или высоких концентраций. Если в 
правом углу много текста, нагруженно- 
го важным смыслом, то пусть в левом 
углу будет картинка с не меньшим ко- 
личеством смысла или хотя бы с 90сС- 
тойной художественной задумкой. 
Иногда пустое место может нести в се- 
бе столько смысла, сколько нет и в 
сборнике экзаменационных билетов по 
правилам дорожного движения. 
Контраст. Пригодится, когда нужно 
будет подчеркнуть противополож- 


ан в цветах. 


бе = ый Е 
Милитари всегда сдерж 
Камуфляж и пальмы вьетнамских 
побережий 
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МНЕНИЕ ЭКСПЕР 


Иногда пустое место может нести в себе столько 
смысла, сколько нет и в сборнике 
экзаменационных билетов по правилам 
дорожного овижения. 


ность двух элементов. Он может осно- 
вываться на цветах, размерах, срормах 
и т.п. Его противоположность - нюанс. 
С помощью нюанса заставляешь зри- 
теля рассматривать свой дизайн по- 
дольше и задумываться о смысле 
жизни :). Хорошо подобранный нюанс 
сродни процессу выбора персиков: 
тот, который позеленее, будет кислым, 
а с румяным бочком - MMM, мед. 
Динамика и статика. Создают либо 
ощущение движения и скорости, ли- 
бо неподвижности и уравновешен- 


ности. В рекламе авиакомпаний при- 
ходится держаться медленного и 
уверенного движения, тогда как ди- 
зайн сайтов, посвященных спорту, 
должен быть максимально динамич- 
ным и стремительным. К примеру, 
банки и страховые компании отдают 
предпочтение статичным и устойчи- 
ВЫМ КОМПОЗИЦИЯМ. 

Ритм. Повторение одних и тех же 
элементов через определенный про- 
межуток. Приятно видеть одинаково 
расставленные бутылки пива в мага- 


Для хорошего панка побольше хэнд- 
мэйда и нарушений любых правил 


зине - сразу хочется купить OGHY :). 
С помощью ритма ты сможешь при- 
влечь внимание зрителя к нужному 
объекту и "продать" его даже в том 
случае, если он не имеет большой 
ценности. Иногда складывается впе- 
чатление, что мы, дизайнеры, только 
тем и занимаемся, что продаем людям 
какую-то ерунду, эксплуатируя при 
этом волшебные чары искусства. 


Стиль 

и Существует огромное количество 
стилей, в рамках которых уже сущест- 
вуют правила построения композиции 
(когда нужно "сделать дизайн в сти- 
ле...'). Перечислять стили можно бес- 
конечно, вот некоторые: корпоратив- 
ный, традиционный, классический, хай- 
тек, гламур, панк, кибер-панк, стим- 
панк, трэш, винтаж, готика, дарк, диско, 
хип-хоп (градфорити), хэви-метал, манга, 
техно, диджитал, электро, фьюче, бар- 
би, ретро 20-х, ретро 40-х, ретро 60-х, 
ретро 70-х, ретро 80-х, ретро 90-х 
(уже?!), милитари, родченко, дэвид кар- 
сон, рейв, прогрессив и другие. 

Например, ты решил создать дизайн 
в корпоративном стиле. Побольше 
свободного пространства, помельче 
текст, повсюду корпоративные цвета, 
мелкие детали - пусть все говорит о 
том, что это сайт серьезной компании, 
у которой так много владений, что все 
это приходится уменьшать, чтобы по- 
местилось. Свободное от рисунков и 
текста пространство пытается убедить 
нас в том, что компания имеет такое 
имя, которое не требует декора и дру- 
гих доказательств крутизны. Все по 
минимуму и все в меру. 

Традиционный (классический) стиль 
потребует виртуозного владения "ан- 


тиквенными" шрисфтами, сдержаннос- 
ти в цветах, умения использовать де- 
коративные элементы и организовы- 
вать пространство композиции так, 
чтобы она была похожа на аттестат 
зрелости, выданный Гарри Поттеру :). 
Любое ретро делается очень просто: 
смотришь на оригинальные образцы и 
повторяешь, смешивая с современны- 
ми элементами. Многим очень нравит- 
ся копаться в устаревших срормулах. 
С помощью них можно сделать все 
быстро, не напрягаясь, вызвав у зри- 
теля ностальгию. Рецепт прост - вы- 
числяешь тот период, когда предста- 
вителям целевой аудитории было 5-15 
лет от роду, и создаешь ретро-дизайн 
в стиле той эпохи. Успех гарантирован. 
В каком бы стиле ты ни работал, ре- 
зультат должен оказаться простым 
для восприятия и в меру свежим по 
композиционному решению. Никому 
не нравится повторение старого, и 
без того избитого. Каждый дизайнер 
должен быть неповторим. Новое счи- 
тается таковым только на момент про- 
извоодства: позже твое творение бу- 
дут сравнивать с имеющимися в ми- 
ровой копилке аналогами. Так как эта 
копилка постоянно растет и пополня- 
ется, то понятие о "модности" или "не- 
модности" регулярно обновляется - 
держи руку на пульсе времени. Мож- 


В каком бы стиле ты ни работал, результат 
должен оказаться простым оля восприятия и 


в меру свежим по композиционному решению. 


но привести примеры того, что явля- 
ется наиболее актуальным в дизайне 
сейчас, но уже через полгода эти сло- 
ва окажутся смешными, бесполезны- 
ми и пустыми. 


НАПУТСТВИЕ 


ш После прочтения этой статьи зай- 
ди на один-другой e-zine портал и пос- 


мотри на свежие работы Npocpeccuo- 
нальных дизайнеров. После посеще- 
ния пары десятков сайтов в памяти 
обязательно останутся какие-то тен- 
денции современного графического 
дизайна, которые тебе ближе всего. 
Сбор таких впечатлений и их приме- 
нение на практике и есть то самое 
"совершенствование руки и глаза". 
Именно таким способом профессио- 
налы регулярно оттачивают свой 


вкус. Со временем "красивые" и "мод- 


ные" вещи сами собой начинают вы- 
прыгивать из-под мышки. Все это - 
симптомы хорошей заточки острия 


дизайнерского вкуса. Удачи и поболь- 


ше хороших заказчиков. 


Нюансы позво- 


ляют сделать 
дизайн непов- 
торимым: что- 
бы смотрели и 
не могли отор- 
вать глаз. 


Moga - понятие 
относительное. 
То, что сейчас 
считается ак- 
туальным, 
завтра станет 
смешным и 
пустым. 


Когда есть 
опыт и наметан 
глаз, красивые 
и модные вещи 
рождаются са- 
ми по себе. 
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ПРОМЫШЛЕННЫЙ ДИЗАЙН: С ЧЕМ ЕГО ЕДЯТ? 


п ромышленный дизайн - имеющее какое-либо практическое значение придание эстетичности внешнего вида и 
комфортности изделиям. Без бутылки не разберешься :). Покопаемся в этом термине поглубже. 


ысячи и тысячи пред- 


метов вокруг тебя. И 


каждый из них - плод 


промышленного произ- 


"Интенсивное 
исследование 
изделия на 
ранних этапах 
проектирова- 
ния получило 
название про- 
мышленного 
дизайна" (из 
статьи о 
САПР). 


Формы многих 
бытовых 
приборов 
продиктованы 
ограничениями, 
которые 
накладываются 
на их 
производство. 


BOQCTBa. Ты даже не 
задумывался никогда о том, какой 
путь они прошли до того, как попали 
в твои руки. Из чего складывается це- 
на и качество, чем определяется га- 
рантийный срок и почему вещь сим- 
патичная или на "внешность" она не 
очень? За всем этим стоит труд сотен 
людей, в том числе дизайнеров, зани- 
мающихся предметами массового по- 
требления; эти бойцы невидимого 
фронта день и ночь трудятся над 
всем: от внешнего вида продукта go 
внутреннего расположения элемен- 
тов конструктива, например, какой-ни- 
будь технической новинки. Эти дизай- 
неры менее почитаемы, чем художни- 
ки-знаменитости, но ответственности 
и требований к креативу в их работе 
ничуть не меньше. То, чем они зани- 
маются - незаметно и в то же время 
архиважно. Дизайн мебели, автомо- 
билей, бытовой техники, посуды или 
даже крючка для одежды (замечал 
когда-нибудь такой в маленьком ящи- 
ке стола бабушки?) влияет на твое 
настроение. Желание обеспечить се- 
бе позитив в быту и в перспективе 
здоровье - это то, что заставляет тебя 
платить деньги за качественный, 
стильный и полезный продукт. 


ВООБРАЖЕНИЕ 

m Что ты представляешь себе услы- 
шав словосочетание "промышленный 
дизайн"? Художника, сидящего за 
кульманом и погруженного в сранта- 
зии об автомобиле или ноутбуке не- 
земной красоты? Сходи в краеведчес- 
кий музей и посмотри на утюг произ- 
водства эдак конца позапрошлого ве- 
ка. Мог бы человек той эпохи узнать в 
каком-нибудь Phillips cordless или 
Tefal virtuose знакомый ему с детства 
утилитарный предмет? Возможно: 
форма подошвы утюга с тех пор мало 
изменилась. Конечно, мода и техни- 
ческий прогресс делают свое дизай- 
нерское дело. Чем дольше произво- 
дится продукт, тем выше требования к 
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его оформлению. Траектория полета 
фантазии дизайнера, занятого в сфе- 
ре производства предметов массово- 
го потребления, не должны быть 
длиннее/кривее заданных пределов. 


ПОЧЕМУ КОЛЕСА НЕ БЫВАЮТ 
ТРЕУГОЛЬНЫМИ? 

м Есть вещи, вид которых нельзя 
объяснить ничем, кроме практическо- 
го назначения. Например, колесо, по- 
дошва утюга, крыло самолета, кастрю- 
ля и т.п. Форма некоторых предметов 
не зависит ни от чего, кроме подвла- 
стных человеку трех измерений. Стол 
и стул имеют и будут иметь парал- 
лельную полу поверхность до тех 
пор, пока кто-нибудь не отменит зем- 
ное притяжение ;). 


СТОИМОСТЬ ПРОИЗВОДСТВА 
m Наверняка ты задавал себе воп- 
рос наподобие: "Почему пылесосы от 

разных производителей так похожи 
друг на друга?" Или: "Почему все мик- 
роволновые печи (холодильники, сти- 
ральные машины) имеют настолько 
банальную прямоугольную cpopmy?". 
А ты никогда не замечал, что измене- 
ние внешнего вида изделий, будь то 
автомобиль, стиральная машинка или 
даже утюг, происходит только по про- 
шествии долгого времени? Дело не 
только в инертности человеческого 
мышления и консервативности произ- 
водителей. 

У любого буржуя (а весь прогрес- 
сивный промышленный дизайн тра- 
диционно создают в так называемых 
"странах цивилизованного мира"), 


Сто лет американског ‘о машиностроения - по мере изменения норм эстетики 


изменяется аэродинамика кузовов. 


Ш Эргономика - (от греческого ergon - работа, nomos - закон) наука, 


изучающая влияние на индивида предметов, 


которыми он 


пользуется при работе, в психологическом, физиологическом и 


гигиеническом аспектах. 


В современном производстве предметов 
массового потребления во главу угла 
ставится именно прибыль. 


как известно, голова работает в OG- 
ном направлении: "Как заработать 
денег?". Есть и другое направление, 
хотя его можно считать разновид- 
ностью первого: "Как сэкономить де- 
нег?". В современном производстве 
предметов массового потребления 
во главу угла ставится именно при- 
быль. Увеличение производственно- 
го цикла даже на одну самую прос- 
тую операцию приводит к солидному 
росту объема финансовых затрат и 
к появлению на плечах промышлен- 
ного дизайнера (специалиста в дан- 
ной отрасли промышленности и 
творческой натуры в одном лице) 
еще одной ноши. 


МАТЕРИАЛЫ 

Во время работы над проектом бу- 
дущего изделия дизайнер должен за- 
ниматься подбором или хотя бы уче- 
том материалов, из которых будет из- 
готовлен предмет, хорошо продумать 
условия, в которых будет эксплуати- 
роваться продукт, представлять себе 
потребительскую аудиторию. Напри- 
мер, требования к материалам для из- 
готовления детских игрушек и гигие- 
нических принадлежностей совер- 
шенно разные, хотя все это может 
производиться из материалов, похо- 
жих по составу. 


Если дизайнер работает, например, с 
осрормлением посуды, игрушек для 
детей или предметов гигиены, то в 
первую очередь он должен думать не 
06 эстетике, а о материалах: исполь- 
зовать можно только прошедшие сер- 
тификацию виды пластмассы или 
сплавов и применять сертифициро- 
ванные красители. Во вторую очередь 
голова дизайнера будет занята эрго- 
номическими требованиями. В США 
был прецедент удачного завершения 
судебного процесса для истцов-потре- 
бителей, которые в результате долгой 
работы с неэргономичными клавиату- 
рами заработали себе просфессио- 
нальное заболевание, в чем и обви- 
нили производителей этих самых кла- 
виатур: не учли эргономичность - по- 
лучайте огромные убытки. 

Все эти факторы - объяснение фор- 
ме производимого продукта и ограни- 
чения свободе творчества дизайнера. 
Да еще птицу-фантазию дизайнера 
держат в клетке особенности сферы 
промышленности и характер творчес- 
кого задания. Промышленный дизай- 
нер должен хорошо представлять се- 
бе технологические процессы, с кото- 
рыми сопряжено производство. Если 
крыло автомобиля штампуется из 
листового металла, который по своим 
характеристикам не выдерживает пе- 


Справа на корпусе прирастили выступ - | 
держать камеру в руке стало намного 
удобнее 


регибов более определенного rpagy- 
са, то потребуется учесть свойства 
этой марки металла - нельзя ослож- 
нять и без того сложную жизнь инже- 
нерам и передавать им невыполни- 
мую миссию по создании изгибов на 
негнущемся материале. 

Все, копание в термине “промыш- 
ленный дизайн" на этом закончим. 
Сведения на русском языке о том, как 
правильно ковать промышленный 
дизайн изделий, можно найти в ин- 
тернете: и 


BE 


Отец-основатель легендарной компании 
Singer. Кроме своего главного детища 
взрастил еще 24 ребенка в разных 
уголках США 


Приятный в эс- 
тетическом от- 
ношении товар 
и продается хо- 
рошо, и дарит 
своему счаст- 
ливому облада- 
телю много по- 
зитива. 


Та самая знаменитая швейная машинка в варианте “для go- 
машнего интерьера". 
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ВЕБ-ДИЗАЙН ГЛАЗАМИ И РУКАМИ 
ПРОФЕССИОНАЛЬНОЙ ДИЗАЙН-СТУДИИ 


ЧТО ТАКОЕ ВЕБ- 


ДИЗАЙН 


m Веб-дизайн - поня- 


тие популярное. Мож- 


но даже сказать совре- 
менное. Раньше оно ограничивалось 
созданием так называемых хомяков - 
домашних страничек, которые многие 
провайдеры давали в нагрузку с ком- 
мутируемым доступом в интернет. 
Своего рода бонус. Теперь это поня- 
тие намного расширилось. Хомяк как 
понятие ушел из профессионального 
сленга (если даже не умер совсем), а 
технологии, применимые к веб-дизай- 
ну, поднялись на новый, более высо- 
кий уровень развития. 

Дизайн в отличие от изобразитель- 
ных искусств - прикладная дисципли- 
на и, помимо красоты, должен учиты- 
вать задачи, которые ставят не те лю- 
ди, которые делают красоту, а те, ко- 
торые за нее платят. Другими слова- 
ми, веб-сайт - некий компьютерный 
интерфейс, который по мере возмож- 
ностей нужно сделать непротивным. 
Смотришь ты в монитор, а там в отли- 
чие, например, от кино, на картинке 
сильно ограничено полезное простра- 
нство. Ограничены не только разме- 
ры, но и динамика, количество эле- 
ментов, палитра и т.п. Это причина 
главного разочарования людей, ожи- 
дающих от сайта чего-то невероятно- 
го. Таким образом, задача веб-дизай- 


нера состоит в том, чтобы хорошо 
сделать свою работу, соблюдая уста- 
новленные рамки, которые в послед- 
нее время становятся все более узки- 
ми: появилась анимация, навигация 
по сайтам становится все более наво- 
роченной, а масла в этот огонь иногда 
подливают и трехмерные объекты. 
Все сайты можно поделить на ком- 
мерческие и некоммерческие. Это де- 
ление достаточно принципиальное, так 
как от цели мероприятия зависят и 
подходы к созданию дизайна. Больши- 
нство примеров инновационного ди- 
зайна обычно относятся к некоммер- 
ческим проектам. Их задача в основ- 
ном состоит в том, чтобы "размять мус- 
кулы" дизайнеров и программистов. 
Рома Павленко, арт-директор БЕГА 
studie: "Поступил, например, заказ на 
сайт Бориса Гребенщикова, посвя- 
щенный 50-летию певца и концерту, 
который проходил в Кремле. Собра- 
лись арт-директор, дизайнеры, менед- 
жер проекта и сообща продумали со- 
здание сайта ()g50.lelaru), на внутренних 
страницах которого будут бродить 
персонажи песен Гребенщикова. Ко- 
личество включенных персонажей - 
50, поскольку намечалось 50-netue. 
Проект не был коммерческим, и при 
его осуществлении была возможнос- 
ть опробовать новые технологии и 
приемы, которые в дальнейшем мож- 
но было бы использовать уже в ком- 


——— вши: 
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мерческих проектах. Некоммерческие 
проекты - своеобразная возможность 
обкатать новые задумки. В них можно 
ошибаться, времени на работу дается 
немало, заказчик больше, чем обыч- 
но, доверяет дизайнеру и команде, ко- 
торая разрабатывает сайт. Есть право 
на ошибку, и можно сделать лишний 
шаг влево-шаг вправо. В коммерчес- 
ком дизайне, как правило, нужно 
действовать более точно и права на 
ошибку не предоставляется. Неком- 
мерческий проект - разминка для ди- 
зайнера, который не любит делать Og- 
но и то же, который не успокоился и 
не остановился в своем развитии. Но 
устраивается она для того, чтобы 
обеспечить прецедент для будущих 
прекрасных коммерческих работ". 

Веб-дизайн в индустриальном поня- 
тии - некая совокупность действий со- 
вершенно разных людей: художника, 
аниматора, программиста, проджект- 
менеджера, самого клиента, а также 
всех окружающих людей, которые мо- 
гут дать полезные советы. В резуль- 
тате получается продукт, который и 
называют веб-дизайном. Другими 
словами, веб-дизайн - это техничес- 
кое воплощение представлений са- 
мых разных людей о том, как должен 
выглядеть конкретный продукт. 

Для человека, который потом смот- 
рит на результат такого труда, эле- 
менты сайта (шрисфты, картинки, ком- 


поновка и т.д.) являются элементами 
дизайна. Как в интерьере высота по- 
толков является элементом дизайна 
(интерьерного), так и в проектирова- 
нии унитазов - ручка на сливном бач- 
ке. Сложно определить то, где начина- 
ется и где кончается дизайн. На самом 
деле он начинается гораздо раньше - 
при выборе дизайн-концепции. 


ЛУЧШЕЕ - ВРАГ ХОРОШЕГО? 
Хороший коммерческий дизайн - 
прежде всего тот, который не мешает 
подаче информации. А дальше все 
зависит от целей, которые ставит 
клиент. Если ему все равно, как оно 
будет, тогда все равно, где и как де- 
лать. Если нужен пафос - это к Сам- 


ЗнаешьКому, если нужен дизайн- 
прыжок выше стандартной планки - 
его выбор на стороне дизайн-студий 
вроде ВЕРА studie. 

Илья Лазученков, маркетинг-менед- 
жер DEFA Gruppe: "Наше конкурент- 
ное преимущество заключается в том, 
что мы постоянно предлагаем клиенту 
действительно новаторские и нестан- 
дартные решения. Все старые клиен- 
ты об этом прекрасно знают, а для но- 
вых это становится определяющим 
фактором выбора дизайн-студии." 

Не стоит забывать о том, что дизайн - 
это как раз то, чем дизайн-студия тор- 
гует. Соответственно, чем выше его 
качество, тем привлекательнее кон- 
тора. Более того, обычно дизайн-сту- 


МНЕНИЕ ЭКСПЕРТА 


дия печется о дизайне больше, чем 
сам клиент, так как это позволяет сту- 
дии не только выполнить заказ, но и 
сделать некий задел для привлече- 
ния новых покупателей. К тому же 
дизайнеры не могут делать только 
так называемое молотилово (когда 
сайт состоит из 800 страниц пример- 
но с одним и тем же содержанием и 
обрормлением). Поэтому делать каче- 
ственно и разнообразно не только 
выгодно, но и интересно. Плюс коэфр- 
фициент заинтересованности дизай- 
нера растет. 

Дмитрий Козлов, президент ВЕРА 
Gruppe: "Если говорить о нашем nog- 
ходе, то мы стараемся найти не только 
золотую середину, но и даже немного 
завысить эстетические характеристи- 
ки нашего продукта. Даже несколько 
больше, чем это нужно самому клиен- 
ту. Если мы говорим о создании шаб- 
лона страницы, то значительное мес- 
то отводится под нефункциональные 
вещи, которые не помешали бы рабо- 
те сайта. К примеру, на www.dago.ru 
ровно половина рабочего экрана от- 
ведена под рекламный "плакат". В са- 
мом начале при возможности показы- 
вается заставка, потому что движу- 
щиеся объекты, конечно, гораздо кру- 
че воздействуют на человека, чем 
статичные. Но это далеко не всегда 
является необходимым." 


ПРОЦЕСС КАК ОН ЕСТЬ 

Все начинается с некого посыла 
от клиента: он показывает примеры, 
которые как-то отражают то, что он 
хочет видеть, что хочет получить в 
результате. Работа над сайтом начи- 
нается с создания дизайн-концепции. 
Опять же аналогия. При проектирова- 


нии интерьера сначала предлагают 
концепцию, например, желтые стены 


Шедевры не 
рождаются - 
их делают про- 
фессионалы :). 


В веб-дизайне 
много ограни- 
чений, которые 
надо учиты- 
вать при раз- 
работке дизай- 
на. Нарисовать 
можно что 
угодно... 


Каждый хочет 
заранее знать, 
что будет в 
итоге. Но пока- 
зать это невоз- 
можно, пока 
все не будет 
готово. 


Выбирай gu- 
зайнера, KOTO- 
рому доверя- 
ешь. Практика 
совместного 
творчества 
приводит к 
плохому ре- 
зультату. Для 
обоих. 


Дизайн должен 
быть не столь- 
ко наворочен- 
ным, сколько 
продаваемым. 
А качество и 
наворочен- 
ность - совер- 
шенно разные 
понятия. 


У обычного ди- 
зайнера в за- 
пасе 3 приема, 
у хорошего, 
который к тому 
же постоянно 
самосовершен- 
ствуется, - 
300. 
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и маленькие стульчики. Рисуют эскиз 
и только после его одобрения красят 
стены и делают стульчики. В веб-ди- 
зайне точно так же. А конкретное ре- 
шение принимают уже внутри компа- 
нии (студии). 

Существующие рамки, конечно, ус- 
ложняют работу, так как много време- 
ни и сил уходит на объяснение клиен- 
ту невозможности некоторых вещей. 
Если бумага все стерпит, то в вебе 
проблематично реализовать многое. 
Часто клиенты, не разобравшись что 
к чему, выражают пожелания о "по- 
больше и получше". Со временем (с 
развитием технологий), возможно, 
границы между мультимедиа и веб- 
дизайном станут менее ощутимыми, 
но пока технические условия и огра- 
ничения очень важны, особенно для 
коммерческих продуктов. 

По поводу процесса - у каждой ком- 
пании свой подход к нему. Кто-то ста- 
рается придерживаться неформаль- 
ного общения и подхода к клиентам, 
что возможно только с теми, кто при- 
ходит изначально доверяя студии и ее 
специалистам. С подавляющим чис- 
лом клиентов приходится играть по 
формальным правилам игры, так как 
они привыкли работать по накатанной 
схеме, которая предполагает массу 
формальностей и комментариев. 

А дальше, когда дизайн-концепция 
будет утверждена и будет внесена 
предоплата, запускается собственно 
"конвейер", на котором работают со- 
вершенно разные специалисты, хоро- 
шо делающие определенную работу. 
Разбиение позволяет ускорить про- 
цесс и существенно повысить качест- 
во результата. 

Илья Лазученков: "У нас типичное 
разбиение по проектам. Есть продю- 
сер, которой работает с постановкой 
задачи. Продюсер под каждый заказ 
формирует проектную группу, кото- 
рая создает дизайн-концепцию и об- 
думывает, в каком стиле все будет на- 
рисовано. Дизайнеры подготавлива- 
ют драсфт для утверждения. Если нуж- 
но, добавляется анимация. Если все 
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утвердили, то графика оптимизирует- 
ся, подготавливаются шаблоны стра- 
ниц, формируется полная картинка и 
все передается в технический отдел. 
Там режут, программируют и делают 
готовый сайт." 

Рома Павленко: "К примеру, над сай- 
том www.skeletons.ru работало чело- 
век восемь. В принципе, на примере 
готового сайта даже неопытный глаз 
заметит, что работу над проектом 
можно разделить на некие области. 
Есть дизайн с компоновкой элементов 
на странице, подбором цветов и т.п. 
Есть работа иллюстратора, который 
по заданным и утвержденным эски- 
зам подготавливает громадное коли- 
чество объектов. В данном случае ил- 
люстрирование происходит Henocpeg- 
ственно во Flash. Иллюстратор рабо- 
тает над сложными объектами и пер- 
сонажами - нужно вырисовать ножки, 
ручки, повороты, развороты, мимику 
и т.п. При этом идея о том, что рисо- 
вать, в каком-то смысле общая: что-то 
приходит от заказчика, что-то от ис- 
полнителя. Позже с объектами рабо- 
тает На$П-аниматор, который делает 
анимацию более оптимизированной. 
А потом и программист." 

Дмитрий Козлов: "Продюсер осуще- 
ствляет коммуникации по проекту и 


определяет, какой специалист какую 
задачу выполнит лучше. Он контакти- 
рует с аутсорсерами, так как далеко 
не все делается своими силами (музы- 
канты, копирайтеры и gp.). Он коорди- 
нирует все работы, а также ставит за- 
дачу людям, которые работают внутри 
компании. Он же отвечает за их ре- 
зультат перед клиентом. Арт-директор 
отвечает за качество графики, то есть 
за эстетические качества получаемо- 
го продукта. Большая часть проект- 
ной группы - дизайнеры, но они тоже 
бывают разные. Кто-то лучше других 
разбирается Bo На$Н-программирова- 
нии, кто-то чисто иллюстратор, кто-то 
хорошо делает статичные шаблоны - 
каждому свое. Один рисует, другой 
разрезает на кусочки, программисты и 
верстальщики потом это собирают. 
Благодаря этому разбиению процесс 
оптимизируется. А отправная точка - 
техническое задание от клиента. Из 
него все должны понять, к чему стре- 
миться и что делать." 


УТРОМ ДЕНЬГИ - 
ВЕЧЕРОМ СТУЛЬЯ 

и Проблема любого веб-дизайнера 
или дизайн-студии - желание клиента 
заранее узнать, что он получит в итоге 
за свои деньги, а что невозможно в 
принципе. Для этой цели существуют 
портфолио - примеры выполненных ра- 
бот, по которым клиент сможет судить о 
качестве дизайна (но не о том, что по- 
лучит именно он). Портеролио может 
помочь составить мнение только о ка- 
честве и потенциале данной студии. 

Илья Лазученков: "Логика каждого 
клиента такова, что все хотят перед 
заказом посмотреть, как мы рисуем. 
Для этого есть тысяча и один пример 
того, как рисуем именно мы во всех 
наших ипостасях. А что нарисуют это- 
му заказчику, он узнает только внеся 
предоплату." 

Друга проблема - когда клиент чуть 
ли не учит, как именно надо рисовать 
и делать. Придирается к мелочам и 
только затягивает проект, меняя свои 
же решения вместо того, чтобы дать 
все на откуп профессионалам, кото- 
рым за это сам же заплатил. 
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Илья Лазученков: "Такие люди лю- 
бят порисовать за собственные день- 
ги. Они могут бесконечно выдавать 
комментарии, двигая тот или иной 
элемент на пару пикселей то вправо, 
то влево." 

Рома Павленко: "В них просыпается 
жажда творчества. Видимо, нереали- 
зованные задатки художника или ди- 
зайнера :). Они фантазируют и фон- 
танируют! Настолько сильно заража- 
ются от нас духом творчества :). В 
принципе, это неплохо. Но, с другой 
стороны, работать с такими людьми 
непросто." 

Илья Лазученков: "Это вредно в 
первую очередь для процесса, поэто- 
му мы стараемся объяснить, что наш 
продукт - это наше видение. И если 
заказчик приходит и рисует - это не- 
выгодно. Может получиться элемен- 
тарно плохо. А мы не хотим и не лю- 
бим делать плохо." 

Рома Павленко: "Нужно сказать, что 
такой заказчик как класс уже в прин- 
ципе вымирает, потому что культура 
интернета поднялась на новую сту- 
пень развития. Заказчик уже в основ- 
ном приходит ознакомившись заранее 
с портфолио и составив представле- 
ние о нашем уровне. Он, как правило, 
соглашается с этим уровнем и по боль- 
шому счету доверяет нам изначально." 


ОТКУДА БЕРУТСЯ ИДЕИ 

m Как банально это бы ни звучало, 
идеи берутся из головы :). На самом 
деле, всему воля случая, так как ко- 
нечный результат предсказать никог- 
да нельзя. Для чистоты эксперимента 
мы выбрали методом тыка определен- 
ную ситуацию заказа, а ВЕРА studie 
попросили сгенерировать креативные 
идеи. Вот что из этого вышло. За пять 
минут надо было придумать три вари- 
анта сайта компании, которая занима- 
ется, к примеру, продажей рыбы. То 
есть приходит заказчик и говорит, что, 
мол, я - один из крупнейших рыботор- 
говцев в Москве, мне нравятся работы 
студии и нравятся такие-то сайты. Нам 
нужен сайт с задумкой, как было у вас 
вот там и там, чтобы был не просто 
рыбный портал и электронный рыбо- 
оборот, а сайт "в виде чего-то". 

Рома Павленко: "Можно предложить 
сайт, на котором все выглядело бы 
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"глазами рыбы", которая лежит на 
сковородке :). То есть покажем мир 
глазами рыбы. С одной стороны, это, 
конечно, оригинально, необычно. С 
другой стороны, это же глаза рыбы на 
сковородке. Она, возможно, нервни- 
чает и ей неприятно, поэтому эти нега- 
тивные эмоции могут передаться по- 
сетителю сайта. Это тоже надо учиты- 
вать. Гораздо привлекательнее вари- 
ант рыбы в море или в сети (рыболов- 
ной). Это к тому же символично, так 
как сайт тоже в Сети. Можно сделать 
весь сайт в виде рыбы, у которой 
хвост - контакты, голова - о компании, 
плавник - партнеры и т.п. Но такая 
идея уже где-то была, так что на креа- 
тивном собрании она отметается в са- 
мом начале." 

Юра Алексеев, арт-директор DEFA 
studie: "Или предложить вспомнить 
прекрасную ностальгическую темати- 
ку конца 70-х, книжки про далекую 
страну Гренландию. Суровые мужчи- 
ны-рыбаки, соответствующая стилис- 
тика, море и т.п. При этом имеет 
смысл привлечь к работе иллюстра- 
торов, чтобы специально для этой ра- 
боты нарисовали авторские гравюры. 
На иллюстрациях а-ля Гренландия - 
китобойни, необычные и огромные 
рыбы, ихтианоры и т.п. Можно поиг- 


раться с сочетанием гравюрных рыб 
и фотографической средой - в виде 
коллажей." 

Илья Лазученков: "Другая идея - 
свежесть. То есть сыграть на свежес- 
ти, так как рыба и свежесть - два 
сложносовместимые понятия. Когда 
мы говорим о рыбе, то думаем о чем 
угодно: о неприятном запахе, о рын- 
ках, о тухлой рыбе. Поэтому дизайн 
должен быть чистым, воздушным. 
Стоит подумать о небе. К примеру, ры- 
ба в небе - отличный образ, почти ро- 
мантический. Летающая рыба! То есть 
рыба в нерыбной среде." 

И тут время вышло. Очевидно, что в 
ходе подобных рассуждений и рожда- 
ется gpacpT, который удовлетворит за- 
казчика. Обязанность арт-директора - 
отследить не столько качество конеч- 
ного результата (он априори хоро- 
ший, так как рисуют профессионалы), 
а обеспечить соответствие конечного 
результат той идее, которая и была в 
самом начале предложена заказчику. 
А испортить идею на корню можно 
чем угодно, даже неправильным 
шрифтом. 


P.S. ЧТО ЖЕ ТАКОЕ 
ХОРОШИЙ ДИЗАЙН? 

m Если ты не знал, хороший дизайн - 
это дизайн, который имеет успех на 
рынке. Веб-дизайн - это чистой воды 
рыночный продукт, то есть то, что по- 
купают. А если говорить о хорошем 
дизайнере, то сразу на ум приходит 
поговорка о том, что "у обычно- 
го/стандартного/рядового дизайнера 
три приема, а у хорошего дизайнера 
таких приемов 300". Хороший дизай- 
нер может более гибко и более сво- 
бодно комбинировать приемы, добива- 
ясь необходимого результата. Плюс та- 
лант, чувство вкуса и самое главное - 
аккуратность. Если дизайнер делает 
что-то неаккуратно, то рано или позд- 
но это погубит его талант или будет 
мешать его раскрытию. МЕ 
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оротохудожника и дизайнера 
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ADOBE PHOTOSHOP - МАСТЕРСКАЯ 
ФОТОХУДОЖНИКА И ДИЗАЙНЕРА 


hotoshop, наверное, - одна из самых известных и популярных программ по 

работе с растровой графикой. Популярность этой программы оправдана не 
только тем, что она создавалась для использования в Мас - самой 
дизайнерской платформе всех времен и народов :). 


hotoshop обладает богатым 


арсеналом всевозможных 


инструментов и фильтров, ко- 


торым будет доволен даже са- 
мый привередливый дизай- 
нер, а возможность и скорость размножения 
использования плагинов открывает перед 
пользователем этой программы поистине 
безграничные возможности. Вот лишь не- 
полный список умений PhotoShop: 

и обработка цифровых и отсканированных 
фотоснимков, цветокоррекция, изменение 
резкости и шума, спецэдфоректы, устранение 
различных десфектов съемки; 

и ретуширование и восстановление старых 
сротограсрий; 

ш фотомонтаж, составление коллажей; 

и обработка эскизов, нарисованных вруч- 
ную; 

и создание цифровых картин; 

и создание текстур gna 3D-mMogenen; 

ш создание графических элементов дизай- 
на и оформления для сайтов, документов, 
печати и полиграфии; 

и подготовка изображений к печати или к 
публикации в интернете; 

и поддержка различных стандартов изоб- 
ражения (RGB, CMYK, Grayscale и T.g.); 

и поддержка различных графических фор- 
матов, как растровых (BMP, JPEG, GIF v T.g.), 
так и векторных (Al, CDR и gp.); 

и расширение набора инструментов и 
фильтров за счет плагинов (plug-in). 


Последние версии Adobe Photoshop состо- 
AT из двух программ: cam Photoshop и 
ImageReady. Если с применением первой все 
ясно (если неясно, то к концу статьи прояс- 
нится), то вторая используется по большей 
части веб-дизайнерами (про нее в этом номе- 
ре есть небольшая статья). Подробно описы- 
вать достоинства этой программы нет смыс- 
ла: лучше посмотреть на нее в действии. По- 
кажем пару примеров ее применения в рабо- 
те с фотографиями и элементами дизайна, 
например, для веб-сайта. Поехали. 


ФОТОХУДОЖЕСТВЕННЫЙ ПОДХОД 

и Для примера я взял одну из своих Cpo- 
тограсрий (см. рис. 1). 

Сюжет фото навевает мысли о жизни в 
постьядерном мире, почти как в ффантастичес- 
ких фильмах или игрушках. Попробуем уси- 
лить этот эффект и изготовить нечто в духе 
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Рис. 1. Недостроенные тоннели метро, живопис- 
но разбросанный мусор - типичная заброшен- 
ная часть окраины мегаполиса. 


замечательной игры Fallout. Не спорю, сюжет 
часто эксплуатируется писателями, режиссе- 
рами, создателями игрушек и дизайнерами 
разного калибра, но для простого примера 
это вполне подходит. Все делаем по порядку. 
Запускаем Photoshop и открываем фотку. 
Первым делом выделим все изображение 
нажав в меню Select->All, скопируем его в бу- 
qpep, затем создадим новый сфайл (File->New) 
и вставим туда из буфера нашу картинку. За- 
меть, что если при создании нового докумен- 
та ничего не менять в появившемся окне, то 
Photoshop создает его по умолчанию с тем 
же самым разрешением, что и у картинки в 
буфере. Поясню: мы только что создали пус- 
той документ (Canvas или background no о- 
тошоповским понятиям) и поместили в него 
из буфера новый слой (layer). Именно опера- 
ции со слоями позволяют проделывать раз- 
личные трюки с изображением и добиваться 
фантастических эфоректов. При вставке из 
буфера новый слой создается автоматичес- 
ки, хотя его можно создать и вручную, что 
бывает необходимо для художественных ра- 
бот с изображениями, отдельные элементы 
которых пришлись не по душе создателю и в 
которых потребовалось удалить слой не тро- 
гая остальные. Любоваться созданными сло- 
ями, создавать их и удалять, а также менять 
порядок их отображения можно в специаль- 
ном окне Layers. Если такое окно не было об- 
наружено сразу, то можно вызвать его в ме- 
ню Window->Layers или кнопкой F7 (в этом 
же меню вызывается еще масса полезных 
окон, вспомогательные линейки и разметка). 
Исходную картинку, которую мы копировали, 
можно закрыть. Приступим к новому доку- 
менту, в который вставили новый слой. 
Прежде чем браться за какие-либо дизай- 
нерские проекты, полезно составить план 
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Окно Photoshop (1. Основное меню; 2. Меню опций для выбранного инструмента; 3. Па- 
нель инструментов; 4. Окно проекта; 5. Окно Navigator/Info/Histogram; 6. Окно 
History/Action; 7. Окно Layers/Channels/Path 


своих действий, а точнее продумать 
облик будущего изображения. Неп- 
лохо было бы набросать эскиз на бу- 
маге. В нашей концепции мир - это 
разрушенные и покинутые людьми 
города, руины, пустоши и пустыни, 
мутанты-растения и животные, за- 
грязненные атмосфера и вода. В та- 
ком мире существуют только корич- 
невый, оранжевый, желтый, темно-зе- 
леный и серый цвета, да еще песок, 
ржавчина и бетон. В общем, такие 
картины часто изображают режиссе- 
ры в разных сфантастических и кибер- 
панковских фильмах. На фото, кото- 
рое я взял для примера, основной 
сюжет уже выражен. Зеленая травка, 
голубое небо и жилые дома на 3ag- 
нем плане - это, конечно, хорошо, оп- 
тимистично, и пусть так оно всегда и 
будет, но в контексте нашей концеп- 
ции это совершенно не смотрится: 
нам нужен настоящий ядерный апо- 
калипсис :). 

Начнем с цветовой гаммы, небо и 
остальной задний план, пожалуй, от- 
ложим на потом. Проследуем по 
Image->Adjustments->Selective Color. В 
этом окне можно изменять насыщен- 
ность того или иного оттенка в основ- 
ных цветах. С Photoshop все просто: 
поменял для любого цвета насыщен- 
ность одного из оттенков или совсем 
“убрал” цвет, и цветовой эффект 
уже украшает изображение. Конкрет- 
ных инструкций тут не может быть: 
настройки определяются только 
опытным путем и с учетом повестки 
для, то есть характера изображения. 


Окно Layers 


Преобладающий цвет у нас зеленый - 
с него и начнем. В списке Colors выбе- 
рем Greens. Ползунки подстроим так, 
чтобы этот зеленый цвет немного по- 
бурел, как увядшая трава. Слева от 
исходного положения ползунка - ос- 
лабить тот или иной оттенок, справа - 
усилить. Верхний ползунок - Суап 
(светло-голубые тона) у меня при этом 
занял крайнее левое положение, а ос- 
тальные (Magenta - пурпурный, Yellow - 
желтый, Black - черный) - крайнее 
правое. Любые изменения сразу отра- 
жаются на изображении, а если тако- 
го не происходит, то виноватыми мо- 
гут быть только мощность компьюте- 
ра или разрешение картинки. В лю- 
бом случае этот инструмент позволя- 
ет работать с цветами с математичес- 
кой точностью. Желтые цвета 
(Yellows) мы планировали усилить: 
два нижних ползунка, Yellow и Black, 
переместим вправо. Теперь поковы- 
ряем красные тона (Reds) в цвете пес- 
ка, ржавчины и некоторых мелких де- 
талей. Тона изменяют “по вкусу", но я 
поставил Суап в крайнее левое поло- 
жение, Magenta и Yellow заняли пози- 
циию ближе к правому, а Black вооб- 
ще остался где был. Результат - выра- 
зительность песка и ржавчины. 

Оставим на время цветовую гамму 
переднего плана (его мы еще подтя- 
нем после прояснения общей карти- 
ны) ради заднего плана и неба. Кто-то 
может сказать, что это путаный и не- 
корректный подход, но художники то- 
же неоднократно меняют различные 


Окно Selective Colors 


оттенки в разных частях работы, 
прежде чем добиваются нужных 3Cp- 
фректов :). 

Итак, небо. На этом фото небо нем- 
ного засвечено, и на нем преоблада- 
ют белые тона. Не беда: в процессе 
творчества мы полностью заменим 
его на более подходящее, например, с 
другого qpoto. К сожалению, не знаю, 
кому принадлежат авторские права, 
так как это небо было найдено на ка- 
кой-то безымянной болванке в конто- 
ре. Все равно срото будет использова- 
но лишь частично, грубо говоря, в ка- 
честве клипарта. Участь копирования 
в буфер, вставки в картинку нашего 
фото, растяжения или сжимания gO 
нужного размера постигла это изоб- 
ражение так же, как и первое. Поя- 
вился новый слой - по умолчанию, по- 
верх текущей картины. В окне Layers 
мы перетащим его под первый слой, 
создав задний план - уже готова заго- 
товка для неба. Теперь перейдем на 
первый слой с тоннелями, сделав его 
активным в окне Layers. Инструмент 
Magic Wand Tool (на панели инстру- 
ментов) предназначен для выделения 
определенной области на изображе- 
нии в зависимости от ее цвета и для 
любых трюков, которые не обидели 
бы остальную картинку. В нашем слу- 
чае мы стираем все, что было выделе- 
но. Так как небо весьма неодноросд- 
ное, придется воспользоваться 90- 
бавлением остальных кусочков к вы- 
деленной области. Клавиша Shift и 
уколы инструмента в те места на кар- 
тинке, которые должны быть в одной 
области выделения, вот и небо почти 
полностью выделено. Теперь с по- 
мощью Eraser Tool (ластик) легко 
уничтожить все, что оказалось в об- 
ласти выделения. Кстати, размер и 
свойства ластика (так же, как и для 
инструментов Pencil и Brush) можно 
поменять в списке Brush (кисть) - там 
еще нарисована точка и стоит размер 
“кисти“ в пикселях. Прозрачность (си- 
лу) инструмента, можно поменять ря- 
дом в меню Opacity. Саму линию вы- 
деления можно скрыть, если она ме- 
шает, комбинацией Ctri+H (точно так 
же можно снова сделать ее видимой). 
Стираем все, что выделено. Не убей 
лишнего: для основного поля исполь- 
зуем большой ластик, а ближе к нуж- 
ным деталям используем ластик поху- 
девший, убиваем уже отдельные пик- 
сели. Работа кропотливая, но резуль- 
тат того стоит. 


Оранжевое небо - то, что нам нужно. 


» 


Хочешь отрес- 
таврировать 
старую бабуш- 
кину фотогра- 
фию или соз- 
дать наворо- 
ченный эле- 
мент для сай- 
та? К твоим 
услугам мощ- 
ный набор 
инструментов. 


Мало и этого 
набора? Посто- 
янно появля- 
ются всевоз- 
можные go- 
полнения от 
сторонних раз- 
работчиков, ас 
таким арсена- 
лом любой за- 
мысел можно 
претворить в 
жизнь. 


Прежде чем 
взяться за ра- 
боту, четко оп- 
редели то, к 
чему стре- 
мишься - 
очень неплохо 
было бы на- 
бросать эскиз 
на бумаге. 


В этой статье 
рассмотрена 
лишь малая 
часть возмож- 
ностей 
Photoshop: про 
него пишут 
книги гиган- 
тского объема. 
Книга - источ- 
ник знания. 


МАЛЕНЬКИЙ МАГАЗИНЧИК ФОТОГРАФИЙ ) 


Для более удобной навигации по 
картинке или оля увеличения ее час- 
ти существует окошко Navigator. Для 
исправления ошибок и отката - окно 
History. 

Задний план вместе с домиками, 
деревьями и краном ушел в небы- 
тие. Чуть позднее на смену ему при- 
дет другой. Займемся небом. Сдела- 
ем активным второй слой с небом и 
подвинем его до нужного положе- 
ния с помощью Move Tool (стрелка 
на панели инструментов). С по- 
мощью Edit->Transform->Scale прида- 
gum ему подходящие габариты. Nog- 
корректируем цвета примерно так 
же, как при работе с первым слоем. 
Небо уже окрасилось в тона настро- 
ения креатора? Тогда возвращаемся 
к первому слою и адаптируем его 
цветовую гамму к небу. 

Image->Adjusments->Replace Color, 
схожая с Selective color, поможет выб- 
рать определенный цвет или оттенок, 
указать область воздействия (на ка- 
кие ближайшие тона должны влиять 
изменения) и изменить для этих от- 
тенков насыщенность, свет и цвето- 
вую гамму. Уколем пипеткой“ в об- 
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Завод. Это уже что-то в духе игры STALKER. 


ласть-пациентку: например, заставим 
растительность на картинке побуреть. 
Область действия определяется пол- 
зунком Fuzziness, например, на 69. Ес- 
ли установлен сфлажок Selection, то 
будет отображен негатив изображе- 
ния: области, на которые распростра- 
няется действие, будут выглядеть бо- 
лее светлыми. Чем светлее область, 
тем активнее оля нее будет действие 
этого фильтра. Ползунок Ние кор- 
ректирует оттенок выбранных цве- 
тов. Шаг вправо Saturation - измене- 
ние оттенков цвета травы и песков. 
И вот передний план уже больше 
гармонирует с небом. Замечу, что все 
эти действия производятся только 
на глаз. 

Кажется, на заднем плане чего-то не 
хватает. Может быть, мрачного заво- 
да? С помощью Rectangular Marquee 
Tool этот зловещий объект был выде- 
лен на дополнительном срото, потом 
скопирован в буфер и вставлен меж- 
ду слоями с тоннелями и с небом. Со- 
трем все лишнее, уменьшим и откор- 
ректируем некоторые параметры с по- 
мощью Selective color, чтобы придать 
изображению завода оранжевый от- 
тенок, сочетающийся с остальными 
элементами изображения. Image-> 
Adjustments->Hue/Saturation немного 
приглушил яркость нового слоя, что 
бы он не затмевал своей красотой пе- 
редний план. Эта опция похожа на 
Selective Color: здесь также можно ме- 
нять насыщенность, свет и оттенок 
для различных цветов. 

Все почти готово. Напоследок были 
проделаны следующие манипуляции 
со споем с небом: устранена зернис- 
тость, изображение сделано немного 
размытым с помощью Filter->Blur-> 
Smart blur. Слишком светлые пятна я 
затемнил (Burn Tool на панели инстру- 
ментов). Если нужно произвести об- 
ратную операцию, осветлить, то мож- 
но при настойчивом удерживании той 
же кнопки выбрать в появившемся 
меню Dodge Tool. Хочешь изменить 
размер, форму и силу инструмента 
или ластика и кисточек? Все к твоим 
услугам. Если картинка или какой-ли- 
бо слой слишком темные или слишком 
светлые, можно воспользоваться оп- 
цией Image->Adjustments->Levels (поиг- 


рай с ползунками под “графиком” и 
понаблюдай за эфоректом) - актуаль- 
но для осветления слишком темных 
фотограсрий. Там же есть еще и опция 
Brightness/Contrast, которая может 
пригодится для изменения контраста 
на изображении. Меню Filters с набор 
срильтров во вкладке Sharpen - для 
увеличения четкости и подчеркивания 
выразительности картинки или кон- 
фискации незначительного эфоректа 
смазанности, получающегося из-за 
дрожи в руках при съемке. 

Можно было бы, конечно, еще долго 
играть с различными опциями и 
инструментами в поисках максималь- 
ной реалистичности, но для нашего 
примера пока хватит. Взгляни на то, 
что получилось. Чем не Fallout? :). 


ДИЗАЙНЕРСКИЙ ПОДХОД 

м И снова о возможностях 
Photoshop. Посмотрим на некоторые 
функции, которые могут пригодиться 
при разработке дизайна, например, 
интерфейса сайта. Допустим, мы гото- 
BUM заготовку “шапки“ некой страни- 
цы, оснащенной кнопочками меню и 
незамысловатой графикой. Создаем 
новый документ (File->New), в Width 
(ширина) пишем 750, а в height (высо- 
та) - 150. Все эти размеры измеряются 
в пикселях. Создаем новый слой 
(Layerl) и делаем его активным. Выде- 
ляем на всю ширину прямоугольную 
область снизу с помощью Rectangular 
Marquee Tool примерно на 1/8 высоты 
так, чтобы здесь могли поместиться 
буковки меню в читабельном размере 
шрисрта. Устанавливаем какой-ни- 
будь цвет, щелкнув по “верхнему” 
квадрату в панели инструментов Set 
Foreground color (этот квадрат отвеча- 
ет за цвет используемого нами 


Hue/Saturation 


Наше светлое будущее 


инструмента). Темно-серый, так как он 
лучше всего подойдет для реализа- 
ции нашего творческого замысла. 
Pain Bucket Tool и щелчок по выде- 
ленной области - вот и окраска в нуж- 
ный цвет. Затем в окне Layers щелка- 
ем правой кнопкой по этому слою и в 
появившемся меню выбираем 
Blending Options. Появилось окно 
Layer Style, B котором имеется множе- 
ство всяких опций и настроек для 
придания слою рельедфности, тени, 
для заливки текстурой, освещения и 
много другого. Пусть будет более вы- 
пуклой - поставим галочку Bevel and 
Emboss. Там же можно задать силу и 
направление рельефности (выпук- 
лость, впадина), угол падения света, 
резкость теней, плавность углов. Ре- 
зультат сразу же можно увидеть на 
картинке. Заодно я добавил оранже- 
вый блик сверху и серое затенение 
снизу (опции Highlight Mode и Shadow 
Mode, в которых можно еще выбрать 
и цвет этого оттенка). 

Настоятельно рекомендую самосто- 
ятельно поиграть с разными настрой- 
ками, а то, как это сделали мы, - на 
скриншоте. Зададим еще и текстуру, 
чтобы менюшка не казалась слишком 
однородной. Установим флажок 
Texture, выберем для нее подходящий 
Pattern (как создавать свои РаЦегп'ы, 
читай ниже). Ползунком Scale откор- 
ректируем размер заполнения нашего 
элемента паттерном, а ползунком 
Depth установим нужную четкость 
этой текстуры. ОК - и можно нанести 
Ha менюшку какие-нибудь “Пункты“. 
Инструмент Horizontal Type Tool (это 
горизонтальное расположение текста, 
аесли нажать эту кнопку и подер- 
жать, любезно предложат свои услуги 
и другие направления печати), в поя- 
вившемся верхнем меню нужный раз- 
мер и тип шрифта (тут все почти как в 
текстовых редакторах) - уже можно 
писать на создаваемой панели. Для 
текста автоматически создастся но- 
вый слой, а если будет желание, смо- 
жешь поменять и текст, и опции 
шрифта. Менюшку пока что оставим и 
перейдем к общему оформлению. 

Продолжим постьядерную тематику. 
Пригодится картинка, сделанная в 


предыдущем примере. Открываем ее 
и выделяем с помощью Select->All, 
предварительно объединив все слои 
в Layer->Flatten Image (но не стоит 
сохранять ее в таком виде, если счи- 
таешь, что тебе еще нужно работать с 
ее слоями). Вставляем из буфера кар- 
тинку в новый документ, а затем с по- 
мощью Edit->Transform->Scale меняем 
ее размеры до подходящих, как и бы- 
ло в предыдущем примере. Кстати, 
при использовании инструмента вку- 
пе с различными опциями наверху по- 
является кнопочка, на которой нари- 
совано что-то вроде звеньев цепи. 
Кнопочку нажмешь - пропорции кар- 
тинки при масштабировании сохра- 
нишь. Картинка, разумеется, встави- 
лась новым слоем, но могла закрыть 
собой слой с менюшкой, он же - пла- 
нируемый передний план (открывай 
окно Layers и устанавливай нужный 
порядок слоев). У меня после переме- 
щения картинки направо образова- 
лось пустое пространство с другой 
стороны. Расправлюсь с ним изящно, 
а попутно продемонстрирую кое-ка- 
кие фильтры. Жмем по слою с картин- 
кой правой кнопкой и в нарисовав- 
шемся меню выбераем Duplicate 
Layer. A вот и точная копия этого слоя 
(кстати, к ее названию в окне Layers 
добавлено слово “Copy”). Заполним 
этим слоем пустое пространство и 
немного растянем картинку для при- 
крытия ее правой части. Выделяем 
весь этот слой с помощью Rectangular 
Marquee Tool, заходим B Filter-> 
Pixelate->Mosaic. Картинка теперь ne- 
ревоплотилась в набор квадратных 
пикселей. В появившемся окне пол- 


зунком меняем размер этих квадрати- 
ков и - ОК. Ластик, установленный в 


Layer Style 


Opacity примерно Ha 50% и с таким 
размером, чтобы диаметр его “круга” 
был примерно равен высоте всей кар- 
тинки, слегка ликвидировал границу 
нового слоя и адаптировал новый 
слой к имевшимся. Фильтры в ме- 
нюшке Filters - довольно интересная 
штука, рекомендую. Их можно скачи- 
вать в виде дополнений от сторонних 
разработчиков. Часто попадаются 
очень полезные примочки, с которы- 
ми можно вытворять невероятные ве- 
щи и добиваться впечатляющих 3Cp- 
фектов. 

Как же без крупной надписи 
“Another World" поверх картинки (см. 
конечный результат)? А вот теперь, 
как и обещал, расскажу про РаКегп'ы, 
а заодно добавлю еще один эфект 
изображению. Создадим новый доку- 
мент с разрешением height: 3, width: 1 
и белой основой. Карандашом (Pencil 
Tool) с каким-нибудь серым, создаю- 
щим контраст цветом и размером 1 
закрасим один пиксел, а другие два 
пускай себе белеют. Теперь Edit-> 
Define pattern, какое-нибудь понятное 
название и ОК. Этот документ можно 
закрыть без сохранения. 

Вернемся к нашему изображению. 
Создадим новый слой поверх левой и 
правой картинок, но ниже текста и по- 
лоски с менюшкой. Возьмем Paint 
Bucket Tool, а в верхней части меню 
Fill выберем Pattern. Исследуем пос- 
ледний на предмет подготовленного 
ранее элемента, нещадно щелкаем по 
находке, устанавливаем Opacity на 
50% и заливаем новый слой. Эффект 
скорее всего будет слишком резкий и 
заглушит изображения под ним. Чтоб 
спасти эту красоту, в окне Layers для 
этого нового слоя подвинем ползунок 
Opacity влево (go каких пор это де- 
лать - суди по состоянию изображе- 
ния). Теперь можно взять ластик, ус- 
тановить gna него Opacity, например, 
на 50% или побольше и слегка поте- 
реть левую часть слоя, чтобы полу- 
чить плавный переход. 

Pattern’bI пригодятся, как уже гово- 
рилось, для закраски элемента изо- 
бражения или придания какой либо 
части картинки интересных эффектов 
наподобие тех, которые мы вытворя- 
ли в начале этого раздела с заголов- 
ками меню. Вот он - результат наших 
стараний (см. рис. 2). 

Полученная картинка - всего лишь 
простенький пример, который не пре- 
тендует на статус шедевра, и, конеч- 
но же, мы рассмотрели лишь малую 
часть возможностей Photoshop. Ос- 
тавляю тебе огромное поле для 
дальнейших экспериментов и твор- 
ческих исканий. Удачи и побольше 


креатива. 


Рис. 2. А вот и результат наших упражнений 


IMAGE IS READY! 


СКРОМНАЯ УТИЛИТА С ОГРОМНЫМИ ВОЗМОЖНОСТЯМИ 


‚ | 


А dobe ImageReady - это программа для создания и редактирования меб-графики (и не только), которая 
распространяется вместе с Photoshop. До сих пор многие владеющие Photoshop на хорошем уровне даже не 
подозревают о существовании ImageReady и, заметим, многое теряют из-за этого. На момент написания статьи 
последняя версия - CS (распространяется, соответственно, в комплекте Adobe Photoshop CS). 


ВЗГЛЯД 


ш Запустить 


ImageReady можно нес- 


колькими способами, 
но лучше пользоваться этой прогой 
одновременно с Photoshop. Поэтому 
чтобы открыть в ImageReady проект, 
активный на данный момент в 
Photoshop, достаточно нажать маги- 
ческую комбинацию клавиш 
<Ctrl>+<Shift>+<M> или кликнуть “Edit in 
ImageReady" (нижняя кнопка панели 
инструментов). Кстати, точно так же 
можно запустить и Photoshop из-под 
ImageReady. Если надо запустить 
ImageReady отдельно, то - 
imageready.exe. Внешне ImageReady 
похож Ha Photoshop как родной брат, 
поэтому разобраться с его интерфей- 
сом никаких проблем не составит. На 
первый взгляд и отличий немного: 
несколько дополнительных панелей 
(Animation, Slice, Optimize...) да нес- 
колько новых закладок меню и набор 
инструментов для редактирования 
поскромнее. 


ОПТИМИЗАЦИЯ 

и В ImageReady потрясающе удобно 
реализована оптимизация изображе- 
ния. Приступим. Над подопытной кар- 
тинкой есть четыре закладки: 
“Original” - оригинальное изображе- 
ние, “Optimized” - оптимизированное, 
“2-Up" - 2 варианта оптимизации, "4- 
Up" - четыре варианта. На панели оп- 
тимизации задается непосредственно 
способ сжатия. Есть уже десяток гото- 
вых стандартных наборов настроек 
(Preset), но, естественно, можно CO3- 
дать свои: для этого надо выбрать 
формат сжатия (gif / jpeg / png-8 / 
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Выбор способа сжатия 


png-24 / womp). Nog этим списком 
есть четыре закладки, каждая из ко- 
торых содержит тематический набор 
настроек сжатия. После настройки 
оптимизации можно посмотреть, как 
будет выглядеть картинка после 
сжатия. Для этого перейди на зак- 
nagky Optimized. Хочешь сравнить 
несколько способов - используй зак- 
nagku 2-Up и 4-Ур. Чтобы сохранить 
пожатую картинку, останется нажать 
“File” и "Save Optimized As...”. 


И СНОВА ОПТИМИЗАЦИЯ 

и На сайтах часто бывают случаи, 
когда большое изображение разбива- 
ется на несколько маленьких и в та- 
ком виде размещается на странице. 
Невооруженному взгляду это не за- 
метно, но когда пытаешься его ски- 
нуть, оно сохраняется лишь в виде ку- 


сочков. Это сделано не для защиты 
авторского права (от Print Screen это 
не спасает), а для того, чтобы уско- 
рить загрузку страницы. Допустим, 
изображение явно не однородно. В 
таком случае после его разбивки на 
части/ куски с преобладающим одним 
цветом можно сохранить с большим 
сжатием, что в итоге картинку не пов- 
редит, а только уменьшит ее. И здесь 
на помощь к тебе спешит ImageReady. 
Открыв изображение, которое надо 
разрезать, достаточно кликнуть в 
главном меню View-Create Guides... 
для настройки расположения и коли- 
чества линий разреза, которые в 
дальнейшем можно будет вручную 
передвигать или таким же способом 
создавать еще несколько. Линии 
окончательно установлены - пора на- 
жимать Slices - Create Slices from 
Guides. Разрезы готовы. Теперь Ha па- 
нели Web Content, сделав активным 
любой из кусков, можно задать ему 
свои параметры сжатия. Однако не 
стоит задавать соседним кускам силь- 
но различающиеся параметры, иначе 
это будет заметно. Стоп. Неужели при- 
дется вручную утомительно склеи- 
вать кусочки изображения на буду- 
щей странице? Нет, спецы из Adobe 
позаботились и об этом. Если нажать 


Разрезание картинки Ha части 


Save Optimized А... и выбрать тип 
HTML and Images, то на выходе мы по- 
лучим готовый НТМЕ-файл и папку 
Images, в которой хранится изображе- 
ние, любезно нарезанное ломтиками. 
Останется только добавить код кар- 
тинки к коду страницы и насладиться 
результатом. 


АНИМАЦИЯ 

и Теперь попробуем создать не- 
большой анимированный баннер и на 
его примере разберемся с созданием 
анимации в ImageReady. Баннером бу- 
дет примитивная анимация логотипа 
лучшего журнала :). Конечно, на ста- 
тус эстетического совершенства этот 
баннер не претендует, но для процес- 
са обучения - самое оно. 

Из-за того, что инструментарий 
ImageReady заметно ограничен, будет 
проще сначала все нарисовать в 
Photoshop. Создадим самую простую 
анимацию, в которой каждый кадр бу- 
дет отдельным слоем в Photoshop. Я 
сделал так: открыл в Photoshop кар- 
тинку с логотипом, пять раз продубли- 
ровал этот слой и в каждом слое за- 
лил другим цветом новую букву. Ко- 
нечно, эти действия элементарны и 
ImageReady справился бы с ними без 
проблем, но более сложные манипу- 
ляции могли бы вызвать определен- 
ные трудности. 

Нажимаем <Ctrl>+<Shift>+<M> и полу- 
чаем наш проект в ImageReady. Те- 
перь надо открыть панель анимации 


Покадровая анимация 


(главное меню: Window->Animation). На 
панели анимации кликни по малень- 
кой кнопке с изображением стрелочки 
в верхнем правом углу панели и в 
списке выбери Маке Егатез Егот 
Layers. Теперь анимация состоит из 
шести кадров, каждому из которых 
требуется только задать временной 
отрезок его отображения на экране. 
Для этого под каждым кадром на па- 
нели анимации есть маленькое выпа- 
дающее меню (я остановился на зна- 
чении 0,2). Уже можно посмотреть 
анимацию в действии кликнув по 
кнопке Play / stops animation в нижнем 
ряду кнопок панели анимации. Теперь 
выбери подходящее сжатие (т.к. в бан- 
нере всего 3 цвета, то оптимальным 
будет gif с четырьмя цветами) и нажми 
File-Saved Optimized As... выбрав gif- 
cpopmar. Вот и все - баннер закончен и 
готов к труду и обороне в Сети. Кстати, 
вес баннера у меня получился всего 
3,66 Кб, что не так уж и много для ани- 
мированного баннера класса 468x60. 
На самом gene ImageReady в некото- 
рой степени ориентирован на созда- 
ние баннеров. Для создания новых 
проектов в нем существуют готовые 
предустановки для рисования станда- 
ртных баннеров (например, Web 
Banner 468x60, Micro Web Banner 
88x31 и т.9.). 


СНОВА АНИМАЦИЯ 
m= Создадим еще один баннер, толь- 
ко несколько другим способом, а 


эксплуатировать будем тот же лого- 
тип. Можно не начинать новый проект, 
а просто удалить лишние слои и все 
кадры анимации, кроме первого, а от 
надписи Хакер“ оставить одну букву 
"Х“. Теперь нужно создать копию это- 
го кадра - за это отвечает кнопка 
“Duplicates current frame” в нижней 
части панели анимации. Надо именно 
скопировать кадр, а не создать новый 
слой, иначе ничего путного не полу- 
читься. Теперь, выделив новый кадр, 
передвинем букву “Х“ в противопо- 
ложный угол картинки. Готово? Выде- 
лив оба кадра, кликни по кнопке 
Tween.... Этот инструмент создает нес- 
колько промежуточных кадров между 
выбранными, а нам только этого и на- 
90. В появившемся окне определяется 
количество добавляемых кадров 
(Frames to Add), Ha какой кадр смот- 
реть (Tween With, при выделении нес- 
кольких кадров этого не потребуется), 
какими эффектами пользоваться 
(Position, Opacity, Effects). Добавим, 
например, четыре кадра и обычное 
движение (Position). Теперь между 
имевшимися кадрами появились про- 
межуточные, поэтому движения буквы 
стали намного более плавными. Еще 
можно скопировать последний кадр, в 
копии вернуть букву на место и повто- 
рить этот трюк с Тмееп, чтобы не было 
резких скачков при анимации. Итог - 
по баннеру из угла в угол бегает буква 
"Х“. Повторюсь, что никакой цели, кро- 
ме того чтобы привести простой при- 
мер, я не преследовал. Чтобы сохра- 
нить баннер - опять Save Optimized As. 


THE END 

и Конечно, я перечислил далеко не 
все возможности этой проги. Напри- 
мер, не рассказал про создание роло- 
веров (кнопок, после наведения на ко- 
торые JavaScript совершает onpege- 
ленное действие). И напоследок: в 
ImageReady стоит обратить внимание 
на огромное количество готовых, спе- 
циализированных оля веба действий 
(Actions). Выношу свой вердикт: 
ImageReady - очень полезное допол- 
нение к Photoshop, которое позволяет 
обойтись без нескольких программ (на 
подобие Ulead GIF Animator), да еще 
значительно упростить и ускорить 
создание изображения для веба. 


Анимация с добавлением промежуточных кадров 


ImageReady ра- 
ботает только 
с палитрой 
RGB, но для 
веба другого и 
не нужно. 


При работе со 
Slice можно 
получить под- 
робной отчет о 
проделанной 
работе нажав 
<Ctri>+<Alt>+<P>. 
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Grimmy3D (grimmy3d.artpsychosis.ru) 


КАК ДЕЛАЮТ — 
РЕАЛЬНЫЙ ДИЗА 


ПО ШАГАМ: ОТ ЭСКИЗА ДО ГОТОВОЙ КАРТИНКИ 


мотришь порой на творения профессиональных дизайнеров в интернете - диву даешься, как у них все устроено в 
С голове, в которой рождаются такие образы и фантазии. Однако мало придумать образ, надо же еще воплотить его 
в жизнь. Мы решили обратиться к профи, чтобы понаблюдать за его творческим процессом и заодно получить 
авторские комментарии. И еще одна прелесть: мы будем ваять картинку в стиле Dark-art! 


постараюсь описать 


процесс создания сюр- 


реалистической с эле- 


ментами дарк-арта ком- 
позиции от начального 
этапа (эскиз) вплоть gO финала - кар- 
тинки, которую с легкостью можно 
разместить в любых digital-ranepeax 
компьютерной грасрики в интернете и 
даже получить за нее какие-то призы. 
Приступим (рис. 1). 

Как видишь, эскиз не отличатся де- 
тальной прорисовкой и четкостью ли- 
ний, чего и не требуется на данном 
этапе работы. Однако настоящий ху- 
дожник сразу отмечает для себя на 
эскизе тонкости композиции, детали, 
свет, тени и т.п. Все же мы творческие 
люди, поэтому будем держать все 


плюшки-фишки в голове, чем сэконо- 
мим время на растушевке и детализа- 
ции (в холодильнике тебя дожидается 
пиво, да и творческие амбиции так и 
просятся наружу, чтобы получить па- 
ру десятков комментариев на различ- 
ных сайтах (рис. 2) :)). 

Для начала смоделируем в любой 
трехмерке наши основные объекты - 
кофейный набор, пару кусочков саха- 
ра и крест (кто не верит - тому пока- 
жем эскиз). В данном случае для мо- 
деллинга используется Lightwave3D. 
Модели делаем довольно примитив- 
ные, так как собираемся наводить ос- 
новную красоту от руки (мы легких пу- 
тей не ищем!) (рис. 3). 
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Вот и кофейная чашечка. Кто зна- 
ет, для каких целей она будет слу- 
жить нам, суппер-пупер-дарк-сюрре- 
ал-художникам? Только наше изоб- 
ражение (рис. 4). 

Блюдце, ложка, сахар. Как видишь, 
пока что мы не отступили ни на шаг от 
творческого замысла, хотя не опуска- 
ем руки и ни на минуту не прекраща- 
ем фантазировать (рис. 5). 

Вуаля! Композиция построена. Те- 
перь покрутим-повертим в поисках 
подходящего ракурса и, согласно эс- 
кизу, оставим все именно в этом поло- 
жении (рис. 6). 

Рендер... Как много в этом звуке для 
ЗО-мастера слилось. Но все же мы то- 
ропимся создать щедевр, экономим 


Puc. 7 


Puc. 8 


время, поэтому 
обойдемся мини- 
мальными текс- 
турами (а точнее 
вообще никаки- 
ми). Скромненько 
выкрутим вверх 
Glossness а-ля 
фарфор и ренде- 
рим. Времени это 
займет немного, 
так как и объек- 
ты, и сцена эле- 
ментарные. На 
будущее поста- 
райся рендерить 
в размер от 2000 
пикселей по го- 
ризонтали, а луч- 
ше от 5000- 
6000. Будет что 
подарить люби- 
мой на день рож- 
дения (уверяю, 
обойдется малы- 
ми затратами, да 
и эксклюзивность 
подарка явная). А 
для ма!рарегов 
будет достаточно 
u 1280x1024 
(рис. 7-8). 
Настает новый 
этап создания 
нашего полотна- 
шедевра. Вос- 
пользуемся прог- 
раммой Painter и 
графическим 
планшетом, что- 
бы облачить наш 
кофейный набор 
в сеть совершен- 
но фантастичес- 
ких щупалец и 
переплетений. 
Наша задача - 
соединить все 
элементы, кото- 
рые мы модели- 
ровали как раз- 
розненные, в 
единый художе- 
ственный орга- 
низм (рис. 9-10). 
И, наконец, са- 
мый интересный 
момент - налить 
кровушки. Поста- 
райся связывать 
отдельные объ- 
екты в компози- 
цию “на грани 
абсурда" - так, 
чтобы это не ка- 
залось обыден- 
ным. Фантазируй 
и придумывай! 
Кстати, если ты 
заметил, в ло- 
жечке появились 
кое-какие наб- 
роски (рис. 11). 


Так, в ложке появилась горка череп- 
ков, а в кувшине дырка. К чему бы 
это? Наш принцип - совмещение в OG- 
ной композиции несовместимых объ- 
ектов(рис. 12). 

Детали, детали... Куда же без бли- 
ков и отражений? Для примера мо- 
жешь налить кетчупа в любимый ба- 
бушкин сервиз, только потом не за- 
будь его помыть (рис. 13). 

Ложка превращается... Превращает- 
ся ложка... В элегантные ножницы! Да 
еще и гвоздиком проткнем для надеж- 
ности :). Обрати внимание, что жид- 
кость льется из кувшина из не совсем 
обычного для этого процесса места. И 
снова детали, детали... В деталях - 
суть (рис. 14)! 
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МНЕНИЕ ЭКСПЕРТА 


Тебе Painter не надоел? Открывай Г 
Photoshop. Хотя если нравится, мо- <“ 
жешь оставаться в Painter, такое то- : 
же возможно. Добавим пару трещи- 
нок на крестик, псевдоготический 
узор, ну и, конечно же, щупальца сю- 
да тоже дотянутся и присоединят его 
к композиции (рис. 15). 

Какой же джин не из бутылки - и что 
за крестик без могилки? :). Сам пони- 
маешь, могилка должна быть нестан- 
дартная! Перевернем ее относитель- 
но креста, причем даже поворот у нас 
будет концептуальным. Добавим 
“травяную” текстурку, для чего тебе 
потребуются солнечное лето и про- 
гулка с фотоаппаратом в лес. А если 
на дворе зима, то сойдет и Google. 
Просто ищешь Grass, да чтобы была 
побольше размером! Ты еще не за- 
был о подарке на день рождения для 
твоей девушки (рис. 16) :)? 

Вуаля! Хочешь - вешай шедевр на 
стену, хочешь - раскидывай копии по 


_ 
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SPs ат: 


галереям в интернете, хочешь... В общем, что с ним сделать, 
решать тебе. 

Надеемся, этот небольшой урок окажется полезным для те- 
бя и твоего творчества. Учись совмещать несовместимое не- 
зависимо от того, работаешь ли ты с материальными объек- 
тами или с программами для реализации твоих гениальных 
идей завоевыванию планеты. 

Кстати, дадим работе следующее название: “Метафизичес- 
кая смерть Сальвадора Дали от подсыпанного в кофе циа- 
нистого калия“ или попросту “Coffee cup, Salvadore?" :). Пос- 
вящается Сальвадору Дали, гениальному художнику. 


Рис. 15 
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«DUD Эксперт» - 


ВСЕ О ТЕХНИКЕ ANA 
ДОМАШНЕГО КИНОТЕАТРА 


В ПРОДАЖЕ С 8 ДЕКАБРЯ 


В КАЖДОМ НОМЕРЕ ЖУРНАЛА: 
Самый полный охват новинок рынка 
Тесты лучших моделей А\-техники 
Советы профессионалов 


Рекомендации по выбору домашнего 
кинотеатра 


Пошаговые инструкции для новичков 


НА ОУО-ПРИЛОЖЕНИИ - 
КУЛЬТОВЫЙ ФИЛЬМ 
БРАТЬЕВ КОЭНОВ 


«ПОДРУЧНЫЙ 
ХАДСАКЕРА» 


ИЗАЙНЕРСКИЙ COd 
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Дмитрий Андрианов aka modifikator (www.modifikator.net), креативный дизайнер и 


ДИЗАЙНЕРСКИЙ . 
СОФТ ДЛЯ МАКА _ 


ОТЛИЧИЯ ОТ РС, СПОСОБЫ АВТОМАТИЗАЦИИ 


4 


М ногие дизайнеры выбирают для работы МАС, а не РС. Почему именно МАС и что используется для работы на нем? 


_4 


акинтош (MAC) - компь- 


ютер для тех, кто хочет 


освободить себя от со- 


тен настроек и беско- 


нечных менюшек и ко- 
му нужна спокойная и уверенная ра- 
бота системы, без бесконечных глю- 
ков и т.п. Не даром лучшие графичес- 
кие пакеты разрабатывались именно 
для МАС, чем в основном занималась 
небезызвестная компания Adobe, 
ставшая монополистом в этой облас- 
ти и имеющая сейчас представитель- 
ства в Северной Америке, Европе, Ти- 
хоокеанском регионе, Японии и Латин- 
ской Америке. В России МАС'и рас- 
пространены не так широко, как в 
США и в большинстве европейских 
стран, где уже более 10-ти лет его на- 
личие обязательно для любой ди- 
зайн-студии. 

Пользователей и приверженцев Ма- 
кинтошей в нашей стране, в народе 
именуемых "огрызочниками" или "яб- 
лочниками", довольно мало. Связано 
это с тем, что позволить себе купить 
МАС может далеко не любой простой 
смертный, в отличие от обычных РС, 
цена который значительно ниже. На- 
личие компьютера МАС и умение ра- 
ботать на нем в большинстве случаев 
для дизайнера считается престиж- 
ным и является признаком хорошего 
имиджа, основанием для того, чтобы 
претендовать на более высокую оп- 
лату при выполнении заказа или при 
устройстве на работу. "Макинтош - 
это Харлей Девидсон среди пользо- 
вателей компьютеров". На МАС в на- 
шей стране в основном работают ди- 
зайнеры-полиграсфисты и специалис- 
ты, занятые версткой многостранич- 
ной печатной продукции. Веб-дизай- 
неры в основном предпочитают рабо- 
тать на РС. 


ВЫБОР ДИЗИГНЕРА 

и Лидером среди дизайнерских сред 
бесспорно является линейка продук- 
тов Adobe Creative Suite Premium. В 
нее входят: Photoshop CS, Illustrator 
CS, InDesign CS, GoLive CS, Acrobat 6.0 
Professional и Version Cue. Особенно 
отрадно то, что новые версии всех 
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этих замечательных программ безуко- 
ризненно работают с последней вер- 
сией системного программного обес- 
печения Apple - Mac OS Х. Такие про- 
дукты полностью используют все пре- 
имущества МАС'а: динамическое уп- 
равление памятью, поддержка сим- 
метричной многопроцессорной обра- 
ботки и новый пользовательский ин- 
терфейс, который обладает беспреце- 
дентным уровнем стабильности и 
быстродействия. 

Для работы с дизигнером в MAC'e 
дополнительно понадобится програм- 
ма-менеджер для подгрузки шрифтов 
в систему. Это может быть Adobe Type 
Manager Deluxe или Extensis Suitcase. 
Программы абсолютно идентичны, по- 
этому выбирай любую. 

Adobe - почти гегемон для дизайне- 
ров, но несмотря на это существуют 
не менее полезные программы других 
производителей. 

Corel Painter 8.0 - программа, npeg- 
назначенная в первую очередь для 
художников и имеющая в своей биб- 
лиотеке огромное количество кистей. 
При наличии графического планшета 


ты сможешь оценить эту программу 
по достоинству. Лучше всего подой- 
дут планшеты от компании Wacom: их 
удобство и простоту использования 
не описать словами. Оптимальный вы- 
бор - Intuos2 Platinum A4 (9x12) USB 
(оптимальный на момент написания 
статьи - прим. peg.). С ним ты гаранти- 
рованно почувствуешь себя настоя- 
щим художником. 

Macromedia Freehand МХ - альтерна- 
тивная программа векторной графи- 
ки. Очень удобна для подготовки веб- 
грасрики и ее дальнейшего экспорта 
Bo Flash МХ. 

CorelDraw 12 - еще одна программа 
векторной градфики. Устанавливается 
дизайнерами, которые по тем или 
иным обстоятельствам вынуждены 
работать на МАС, но до этого работа- 
ли на РС. Программа изначально на- 
писана под РС, в отличие от Npogyk- 
тов компании Adobe, в которой все 
происходило в обратном порядке. 
Кроме того, программа CorelDraw из- 
начально не позиционируется компа- 
нией Corel как профессиональный 
программный продукт для дизайне- 


ров. Поэтому необходимость работать 
с ней в большинстве случаев вызыва- 
ет бурю негодования у работников ти- 
пограсрий, которым не по душе Tpyg- 
ности подготовки материалов для пе- 
чати с помощью CorelDraw. 

QuarkXPress (версии 5 или 6) - глав- 
ный конкурент InDesign CS. Эти два 
продукта борются уже несколько лет 
(после появления InDesign - прим. peg.) 
за звание лидера программного обес- 
печения для специалистов верстки. 

Что касается выбора операционной 
системы, то единственным верным ре- 
шением может стать Мас OS Х, при ви- 
де которой (или при разговоре о кото- 
рой) просто слюнки текут у всех ди- 
зайнеров :). Ее простой и понятный 
аква-интерфейс приводит в восторг 
многих. Mac OS X - это суперсовремен- 
ная операционная система, сочетаю- 
щая в себе мощь UNIX и простоту и 
элегантность Макинтош. 


отличия 
Явных отличий как таковых нет. 

Интерфейсы всех программ, изна- 
чально разработанных под РС, сохра- 
няют свой внешний вид и под МАС. 

Цветоделение и цветопередача - 
главные плюсы MAC (и минусы PC) и 
причина естественной симпатии к нему 
цветокорректоров и всех специалистов 
pre-press (предпечатной подготовки). 

С чем могут возникнуть проблемы у 
пользователей РС, решивших пере- 
браться на МАС? 


D Opacity 40 Screen (sel... 
D Apply Default Style (sel... 
D Export As Photoshop 

р Save As SYG 

D Save For Web GIF 64 Di. 
D Save For Web JPG Med... 
D Save For Web PNG 24 


@. Жуткая "ломка" после РС. Заклю- 
чается она в том, что большинство го- 
рячих клавиш, которые с успехом при- 
менялись на РС, перестают работать 
на МАС. 

@. Русификация MAC - проблемы с 
набором русских букв во многих прог- 
раммах. Как русифицировать свой 
МАС - на ; 

@. Однокнопочная мышь, входящая 
в комплект, - красивое, но совершен- 
но не приспособленное к жизни жи- 
вотное! Становится настенным укра- 
шением сразу после покупки и заме- 
няется на что-то более удобное для 
работы. 

Мораль: Главное - не средства, а ре- 
зультат! Совершенно не важно, на 
чем ты будешь работать - на МАС или 
РС. Главное - иметь на выходе высо- 
кокачественную продукцию, за кото- 
рую тебе не будет стыдно! 


АВТОМАТИЗАЦИЯ РАБОТЫ 

Палитра Action - удивительная 
вещь в программах Adobe, очень 
удобная и простая, позволяющая ав- 
томатизировать работу, свалив рути- 
ну на плечи микропрограмм-скриптов. 
При выборе программы оля себя ди- 
зайнер уделяет много внимания худо- 
жественным возможностям приложе- 
ний (наличию кистей, перьев и т.9.), 
что вполне естественно. Но часто в 
реальной жизни приходится зани- 
маться разного рода рутинной рабо- 
той, которая не только раздражает, но 
и доводит до "точки кипения" очень 
многих. Для того, чтобы избежать 
всех этих неприятностей, хорошенько 
изучи палитру Action. 

В основном пользователи 
lllustrator'a, о котором пойдет речь, - 
художники и дизайнеры, творческие 
люди, сам понимаешь, чаще всего не 
владеющие основами программиро- 
вания. Не беда. В написании action- 
скриптов нет ничего сложного благо- 
даря нежной заботе производителей 
о программе. В палитре Action есть 
возможность автоматически записы- 
вать все действия, которые ты выпол- 


ЧИТАЙ В ДЕКАБРЕ: 


Final Fantasy XI 

Может ли самая известная консольная 
RPG обрести вторую жизнь в онлайне? 
Читайте спецрепортаж «Страны Игр». 


Half-Life 2 

Графическая революция и отменный 
геймплей от Valve Software. Doom 3 
уступает звание лучшего FPS своему 
конкуренту. 


Tom Clancy's Splinter Cell: 
Chaos Theory 

Спустя всего год после релиза 
шпионского Splinter Cell: Pandora 
Tomorrow должен выйти сиквел - Chaos 
Theory. Стоит ли так спешить? Да! 


Земля обетованная 
Фоторепортаж на тему «Япония и 
видеоигры». Японец может либо 
работать, либо играть - к такому выводу 
приходишь, побродив по Токио 
несколько дней. 


Если есть та- 
кие действия, 
которые ты 
выполняешь 
по многу раз, 
имеет смысл 
задуматься об 
их автоматиза- 
ции с помощью 
скриптов. По- 
том рутина ос- 
танется только 
в воспомина- 
ниях и в недо- 
умеваниях о 
том, почему 
автоматизация 
не была предп- 
ринята раньше. 


ИНСТРУМЕНТАРИЙ 
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нял при редактировании картинки: 
быстро записываешь действия ис- 
пользуя кнопку REC, а потом воспро- 
изводишь их при помощи кнопки 
PLAY. 


СОЗДАНИЕ БЫСТРЫХ КЛАВИШ 
(HOTKEYS) 

Для того чтобы отобразить палит- 
py Actions на экране, необходимо выб- 
рать команду Actions в подменю 
Window. Теперь потребуется создать 
новый сценарий, куда будут записы- 
ваться действия твоих шаловливых 
ручек, - жми кнопку Create New 
Action. Для той же цели можно ис- 
пользовать меню, скрытое в верхнем 
правом углу палитры, но до него 
дольше добираться. В появившемся 
окне заполняй поле Мате. Название 
Action'a на этапе создания не имеет 
значения. Если записываешь Action 
для вызова команды, назови именем 
команды. 

Итак, включился красный кружок в 
палитре: запись началась. Отправляй- 
ся в меню палитры и находи команду 
Insert Menu Item. Выскакивает соотве- 
тствующий диалог, с которым на пер- 
вый взгляд нечего делать: ни окошек, 
ни списков, ни опций. Но все стано- 
вится ясно, если прочитать примеча- 
ние в нижней части: "Выбери с по- 
мощью мыши нужный элемент меню". 
Сделай так, как тебе предлагают - вы- 
бери нужную команду из меню 
Illustrator'a. Пусть это будет фильтр 
или еще что-нибудь. Его имя тут же 
возникнет в диалоге. Подтверждаешь 
выбор и останавливаешь запись 
кнопкой Stop. 

Прояви терпеливость: "быстрая кла- 
виша" еще не работает. Для этого 
еще нужно назначить ее только что 
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МНЕНИЕ ЭКСПЕРТА 


записанному Action'y. Выдели строку 
с именем АсНоп'а, или найди в меню 
палитры строку Action Options, или 
дважды щелкни правее имени. В поя- 
вившемся диалоговом окошке выбе- 
ри нужное сочетание (оно ограниче- 
но клавишами «Ctrl», «Shift» и функ- 
циональными «F2»-«F 12»). Проверь - 
должно работать. 

Ты так привыкнешь к вновь создан- 
ным клавиатурным сокращениям, что 
будешь удивляться, как раньше без 
них обходился. Хороший совет: чтобы 


не потерять собственные АсНогты, сох- 
раняй их в файл. Выдели набор 
АсНоп’ов (Set) и в меню палитры выбе- 
ри Save Actions, а дальше все будет яс- 
но. При необходимости через Load 
Actions можешь загрузить сохраненное. 
Можно редактировать и сам файл 
Default_Actions.aia, в котором по умол- 
чанию находятся все АсНоп'ы. Откры- 
ваешь его обычным Notepad и - впе- 
ред. Собственноручно сценарии мож- 
но писать на любом языке: JavaScript, 
Visual Basic (Windows) и AppleScript 
(Мас OS). С первым знакомо большин- 
ство читателей, да и многие дизайне- 
ры для полиграфии, как правило, ис- 
пользуют именно этот язык, в том 
числе для создания интернет-страниц. 
К тому же JavaScript платформенно- 
независим: написанные на нем скрип- 
ты будут работать и в OC Windows, и в 


Мас OS. 


НА ДИСКЕ: 


© Спец 11(48), 
Атака на 
Windows . “о ы — батл 

@ Хакер 11(71) 

® Железо 
11(09) 

® Мобильные 
компьютеры 
11(50) 

® Обновления 
для Windows 
за месяц 


чл. ЗАО 


er РЕК = 


НА ДИСКЕ: 


Extraz: + ко всему: “ 

Macromedia Freehand МХ @ Софт для анимации и 3D @ 

Adobe Photoshop CS @ Коллекция plugin'os @ 

Adobe Illustrator CS ®@ Традиционный бонус oT SHB @ 
3D Studio MAX R7 @ 


Самый необходимый 

дизайнерский софт... ‘Обновления Windows (9x/XP/NT/2000/2003) @ 
Спец 01(50), Дизайн ® 

Ноябрьские номера: Хакер, Железо, МС @ 


ИЕЩЕ: 


ВЕСЬ СОФТ ИЗ НОМЕРА! 


ГРАФИКА АНИМАЦИЯ И 3D СОФТ OT NONAME 

Adobe Photoshop CS 3D Studio MAX R7 Iby1 1.47 
Профессиональная Свежая версия 3D Studio - АТ! Tray Tools 1.0.1.400 
программа, признанный программного комплекса CCleaner 1.15.078 
стандарт качества для создания реалистичной FotoAlbum 2.9 


создания и обработки ЗО-графики (в том числе и KChess Elite 
цифровых изображений. анимированной) Password Commander 2.0 
Позволяет полностью Macromedia Flash МХ Punto Switcher v2.9 
управлять изображениями Стандарт де-факто в Real Spy Monitor 2.19 
в растровом формате области создания SPECTral Personal SMTP 
Adobe Illustrator CS интернет-анимации Server 0.3.8.276 
Промышленный стандарт Swift 3D 4.0 Spybot Search and 
создания и обработки Удобный пакет 3D-rpacpuKu Destroy 1.326 
векторной графики и анимации (подробнее в SpyBuddy 
Macromedia Freehand MX статье "3D-mMopomeHoe и Домашние финансы 
Решение для создания Flash") 1.0.9.3 NNM Edition 
иллюстраций для печати, + традиционный раздел от 


интернета и проектов КОЛЛЕК ИЯ группы SH8 
Macromedia Flash PLUGIN'O 

Microsoft Creature House ColorWasher Все это Ha 
Expression FocalBlade МУЛЬТИЗАГРУЗОЧНОМ CD! 
Мощный и удобный PhotoFreebies 
векторный графический Digimarc Plugins 1.7 
пакет от Microsoft (более DropWaterMark 2.1.3 
подробно см. статью "Ода Eikonamark 
рисованию") 


сли твоя жизнь с 
Е. детства была от- 
равлена безуде- 
ржным стремлением к твор- 
честву, то этот номер безус- 
ловно для тебя! А творить 
тебе поможет тот софт, кото- 
| рый мы как обычно бережно 
и с любовью ;) для тебя при- 
готовили. 
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ИСПОЛЬЗУЕМ ЧУЖОЕ - СОЗДАЕМ СВОЕ 


д 


ля занятия дизайном не хватает собственной коллекции изображений и шрифтов? Пора заняться ее 
основательным пополнением как с помощью своих усилий, так и с привлечением посторонней рабочей силы. 


озможностей попол- 


нить свою графичес- 


кую базу великое мно- 


жество: от скупки дис- 


ков в ближайшем 
"софтовом" ларьке, тотального сли- 
вания сайтов из Сети до создания 
собственных коллекций сротографий 
и рисунков с помощью современных 
средств ффото- и компьютерной техни- 
ки. Другой вопрос заключается в том, 
как воспользоваться этими методами 
наиболее эффективно и не попадая 
при этом под предусмотренные меры 
наказания Закона об авторском праве 
от 9 июля 1993 года в случае работы с 
чужими проектами. Все по порядку. 


ДИСКИ И ИНТЕРНЕТ: 
PRO ET CONTRA 

ш Несомненно, пойти в магазин и 
приобрести за сравнительно неболь- 
шую сумму русских денег кучу дис- 
ков, на каждом из которых есть по 
несколько сотен рассортированных 
по темам высококачественных слай- 
дов, быстро и удобно. Это пиратский 
подход. Кроме того, покупая множест- 
во дисков одной тематики, ты риску- 
ешь платить деньги несколько раз за 
одно и то же, поэтому правильнее бу- 
дет выбрать двух-трех производите- 
лей и собирать постепенно или сразу 
диски (их может оказаться очень мно- 
го), входящие в выпускаемые ими 
коллекции. Для расширения кругозо- 
ра: наиболее качественные серии вы- 
пускают люди, скрывающиеся под вы- 
весками Petrosoft - ("ФОТОКЛИП- 
АРТ") и Dynamite SoftGroup (Cliparts). 
Мы же, как законопослушные гражда- 
не, за легальными картинками идем 
на мии {olavank fu. Здесь можно приобрес- 
ти качественные royalty-free (свобод- 
ные от последующих лицензионных 
отчислений) изображения. Платишь 
один раз - используешь где хочешь. 
Звучит заманчиво, но обходится неде- 
шево. Оставим этот достойный способ 
для серьезных дизайнерских студий и 
направим взоры к интернету. Где 
можно найти качественные графичес- 
кие и фотоматериалы? Очень полез- 
но иметь подборку ссылок на ресурсы 
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с регулярно обновляемым содержани- 
ем, например, на сайты вольных и не 
очень фотографов, фотостудий и во- 
обще посвященных в искусство сро- 
тограсрии (wwwfoto.ru, www.photosightru, www.fd-stu 
оли И Т.9.). 

В первую очередь старайся соби- 
рать качественную графику, посколь- 
ку работать с ней проще, удобнее и 
приятнее, а выжимать последние соки 
из изображения, которое кто-то "сжи- 
мал до потери пульса" долго, глупо и 
неинтересно, а часто невозможно. Ес- 
ли ты получаешь изображение в 
формате с недеструктивным сжатием 
(например, .TIFF с компрессией ZIP 
или LZW), не стоит жадничать, сжи- 
мать его еще больше в /РЕС, теряя 
при этом качество. Можно запросто 
столкнуться с ситуацией, когда есть 
то, что нужно, но использовать имен- 
но когда понадобится нельзя, так как 
этого не позволяют артедракты сжа- 
THA. 

Итак, основа нашего клипарта - это 
коллекционные диски и интернет. 
Достаточно регулярно пополняемая, 
структурированная и высококачест- 
венная база. Казалось бы, все хоро- 
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шо, есть куча материалов, садись да 
воплощай в жизнь свои концептуаль- 
ные дизайнерские идеи, но не тут-то 
было. Как раз здесь и можно попасть 
под действие уже упоминавшегося 
Закона об авторском праве и смеж- 
ных правах. 

Что мы можем предпринять в сло- 
жившейся ситуации? Все зависит 
лишь от уровня совестливости, зако- 
нопослушности, честолюбия и про- 
фессионализма. Вывод: преимущест- 
во дисков в возможности быстро за- 
получить много графики, а достоин- 
ство Интернета в возможности выб- 
рать то, чего нет в коллекции и соот- 
ветствует профессиональным Npeg- 
почтениям. Объединяет их недостаток 
- противозаконность использования 
добытых материалов и разная сте- 
пень неоригинальности работы. Есте- 
ственно, это не касается картинок, ко- 
торые получены легальным путем. 


РАСТЕМ ПРОФЕССИОНАЛЬНО: 
КАРАНДАШНЫЙ РИСУНОК, 
ПЛАНШЕТ, ФОТОКАМЕРА 

и Рано или поздно дизайнер столк- 
нется с тем, что в запасниках карти- 
нок нет подходящего изображения. 
Невелика беда: то, чего у нас нет, мы 
можем: а) сфотографировать и 6) Ha- 
рисовать. О фотографии свое веское 
слово я скажу чуть позже, а пока об- 
ратимся к рисованию. Заказчик может 
прийти и запросто попросить: "Я хочу, 
чтобы здесь был РИСУНОК". Вариан- 
ты развития событий следующие: 

©. Делаем карандашный эскиз, Ha- 
носим обводку, убираем с него весь 
физический мусор, сканируем (жела- 
тельно все же на хорошем сканере и 
с высоким разрешением - не меньше 
300 pix) и начинаем всячески изга- 
ляться над ним (раскрашивать, обраба- 
тывать фильтрами, трассировать и т.д.) 
в выбранном графическом редакторе 
(Adobe Photoshop, Corel, Adobe 
Illustrator и т.д.) Например, на ига 
mangaru/lulors-processing shim лежит много каче- 
ственных уроков, посвященных обра- 
ботке изображения от первого до пос- 
леднего этапа в Photoshop. Да, там 
уроки по рисованию манги, которая 


нравится не всем, но для нас важным 
должно быть не что, а КАК делать. 

@. Рисуем мышкой то, что нам нуж- 
но, в графическом редакторе. Есть 
отчаянные люби, которые так и рабо- 
тают. Но я скажу тебе прямо - это 
путь настоящего маньяка, а не насто- 
ящего дизайнера, потому этот пункт 
пропускаем и идем дальше (желаю- 
щим освоить этот нелегкий творчес- 
кий путь - статья “Ода рисованию" 
этого номера). 

©. Тратим сотню единиц американс- 
кой валюты на покупку планшета. 
Для начала можно приобрести деше- 
венький и в плане денег, и в плане ка- 
чества продукт от Genius, но, как пра- 
вило, начинающим советуют покупать 
столь же недорогой, (уже только в 
финансовом отношении - в районе 
$100-150) планшет от Wacom, напри- 
мер, Wacom Graphire3 Аб. По своим 
характеристикам этот девайс макси- 
мально соответствует требованиям, 
которые предъявляют большинство 
пользователей. Это, наверное, опти- 
мальное соотношение цена-качество. 
Недостатком можно назвать лишь OT- 
сутствие возможности различать угол 
штриха пера, но для начинающих это 
не смертельно. 

Более новая и дорогая модель 
Intuos, кстати, умеет определять дан- 
ный параметр. Со временем, если ты с 
ним подружишься и дела пойдут в го- 
ру как в творческом, так и в коммер- 
ческом планах, можно будет стать 
счастливым обладателем и чего-то по- 
мощнее и помассивнее. В любом слу- 
чае прежде всего следует ознако- 
миться с описанием рассмотренных 
устройств на сайтах производителей, 
а также ознакомиться с тем, что пи- 
шут профессионалы, - например, по- 
читать обзоры от талантливейшего, 
на мой взгляд, художника Анри 
(wwwanry.ru/rus/articles/articles.htm). Там же, кста- 
ти, можно найти несколько статей и 


Внешний вид 
планшета 
WACOM 
Graphire 2 


FAQ по компьютерной rpacpuke как Ta- 
KOBON. 

Я понимаю, что перечисленные Ba- 
рианты скорее подойдут для тех, кто 
от природы умеет водить по бумаге 
какой-нибудь штукой, чтобы получил- 
ся рисунок. Некоторые, правда, умуд- 
ряются развивать в себе таланты с 
нуля. Мы верим, что ты принадле- 
жишь если не к первым, то уж точно 
ко вторым. 

Если даже Боги не вложили в твои 
руки достаточного умения рисовать, 
может быть, они подготовили тебя к 
чему-то более автоматическому? На 
осуществление этого замысла, прав- 
да, придется потратить порядка $500- 
1000, но оно того стоит. Приобретение 
цифровой фотокамеры с хорошей оп- 
тикой и мощной вспышкой открывает 
поистине безграничные возможности. 
Ее владельцу больше не придется ме- 
таться в поисках нужной фотогра- 
фии, так как можно будет сделать все 
самостоятельно. О том, как и где вы- 
бирать фотокамеру и как ею пользо- 
ваться, лучше меня расскажут специ- 
ализированные журналы (“Лучшие 
цифровые камеры", DigitallPhoto, 
"ФотоДело" и пр.) и сайты 
(www photoweb.ru, www.afanas.ru/video/photo.htm и T.g.). 


TEMPLATES: ОТ ЭЛЕМЕНТА ДО 
КОММЕРЧЕСКОГО ШАБЛОНА 

и Часто возникают ситуации, в кото- 
рых заказчик не принимает предло- 
женные идеи и исполнителю заказа 
требуется придумать что-то принци- 
пиально новое. Не надо спешить отп- 
равлять свой труд в корзину: лучше 
завести папку с набросками и склады- 
вать туда все невостребованное. Нас- 
танет время, и ты еще покопаешься в 
ней :). Заведи себе правило, чтобы ес- 
ли на тебя внезапно нахлынул креа- 
тивный порыв (бывает такое) и в го- 
лову пришла хорошая идея, которую 
в данный момент нет времени и воз- 
можности реализовать, находить пят- 
надцать минут, делать грубый набро- 
сок и класть полученное в ту же па- 
почку. Не ленись сохранять понра- 
вившиеся картинки, ссылки на сайты - 
это поможет развить вкус и чувство 
стиля. К тому же просмотр этой папки 
при отсутствии вдохновения поможет 
вывести твою Музу из спячки и вер- 
нуть ее к исполнению прямых обязан- 
ностей. При особо тяжелом творчес- 
ком кризисе можно вполне законно 
использовать и чужие наработки. 

Наверное, все встречали в Сети ре- 
сурсы с коллекциями так называемых 
Templates. Можно найти таким обра- 


ПРЕДУПРЕЖДЕН ЗНАЧИТ... ПРЕДУПРЕЖДЕН 


Ш С полным текстом закона, который не раз был упомянут в статье, 
а также со множеством сопутствующих аспектов можно ознако- 


миться, например, по адресу: www.copyrighter.ru. Ресурс принадле- 
жит Андрею Минкову, юристу, специализирующемуся именно в об- 
ласти защиты авторских прав. 


зом многое, в том числе работы, вы- 
полненные начинающими дизайнера- 
ми, которые решили, что уже достигли 
того уровня, когда по их шаблонам 
"ламеры" могут смело делать свои 
собственные сайты. А можно найти и 
"платники", где за определенную сум- 
му предложат приобрести макет для 
личного проекта. Есть, правда, "бла- 
готворительные организации", кото- 
рые поделятся с любым желающим 
совершенно бесплатной цифровой 
собственностью ранее упомянутых 
"платников". Только вот срок "жизни" 
сайтов таких организаций часто равен 
сроку действия взломанного аккаунта 
на порно-сайт. Так что, как говорится, 
дают - бери. А вот что делать дальше 
с этими шаблонами - решать конечно- 
му пользователю. Или он лихо выста- 
вит их в качестве своего детища (не 
забыв сказать об этом в строке 
Copyright и получив при случае по 
заслугам, либо по голове, либо по за- 
кону), или выпустит на волю свою 
разгулявшуюся фантазию и превра- 
тит шаблончик в истинное произведе- 
ние искусства, уже смело приписан- 


Template (шаб- 
лон, лекало) - 
как правило, 
представляет 
собой макет 
сайта, выпол- 
ненный в виде 


ное своей цифровой кисти. Посмот- ap eae 
рим на понятие Templates шире ис мер .psd) с 
точки зрения нашей статьи. Отмечу, разделением 


слоев для воз- 
можностей ре- 
дактирования и 
в виде сверс- 
танного файла 
(html). 


что речь будет идти о работе в 
Photoshop. 

Рассмотрим, например, создание 
простейшего, но очень полезного пат- 
терна, который позволяет делать за- 
ливку с помощью решетки. 

©. Создаем новый файл (CTRL+N) 
2*2 пикселя, не забыв сразу устано- 
вить Background Contents (заливка 
заднего слоя) в режим Transparent 
(прозрачный). 

@. Выбираем черный цвет (Shift+D) 
и инструмент “Карандаш” (CTRL+B) с 


Планшет 

(Tablet) - rpa- 
фическое уст- 
ройство ввода 


информации, 
размером 1 пиксел. Закрашиваем подключаемое 
верхнюю половину слоя и выделяем к ПК через 


У$В-интерфейс 
и оснащенное 
пером и мыш- 
кой. Существу- 
ют модели со 
встроенной 
ЕСО-панелью, 
но даже сейчас 


весь слой (CTRL+A). Идем Edit\Define 
Pattern. В открывшемся окне смотрим 
на получившийся паттерн. Можно 
ввести имя, чтобы потом не запутать- 
ся. Готово. 

Теперь откроем сфайл с какой-ни- 


будь фотографией. Создаем новый цены на них 

слой. Чтобы заполнить полученное, в все еще слиш- 
ero Blending Options отмечаем режим ROM REICOny. 
Pattern Оуепау и находим только что » 


2 
=. - 


bi 


Заливка слоя 


Pattern (пат- 
терн, OT англ 
‘образец’, ‘ук- 
рашать узо- 
ром, имитиро- 
вать’) - 
инструмент, 
используемый 
в Adobe 
Photoshop для 
заливки выде- 
ленной области 
или всего слоя 
выбранным 
изображением. 


Перо выполне- 
но в виде руч- 
ки (каранода- 
ша). Использу- 
ется для "ри- 
сования" с 
планшетом. 
Существуют 
индукционные 
планшеты 
(сигнал фор- 
мируется в за- 
висимости OT 
степени нажа- 
тия пера - 
Wacom), с ба- 
тарейкой (перо 
само является 
передатчиком - 
Aiptek) и све- 
товые. 


ГРАФИЧЕСКАЯ БАЗА) 


созданный паттерн. Для заливки вы- 
деленного фрагмента слоя использу- 
ем инструмент Paint Bucket Tool 
(CTRL+G). Выбираем Fill with Pattern и 
указываем наше изображение. 

Заметь, что если бы мы создали пат- 
терн не на прозрачном слое, а на за- 
литом каким-либо цветом (по умолча- 
нию белым), то при его использова- 
нии увидели бы лишь черно-белые 
полосы, а не эфорект наложения ре- 
шетки на изображение. 

Вот такой пример создания простей- 
шего шаблончика, который тем не ме- 
нее при разных обработках будет выг- 
лядеть совершенно по-разному. С ним 
MOMHO: 

а) поменять цвет с черного Ha лю- 
бой нужный; 

6) увеличить размер исходного срай- 
ла, повысив тем самым и частоту ре- 
шетки, и ее размеры; 

в) изменить прозрачность слоя с 
паттерном. 

Цель создания таких вот шаблонов - 
облегчить себе труд, чтобы не зани- 
маться в дальнейшем рутинной рабо- 
той и не рисовать их каждый раз. Ана- 
логичным образом можно создавать 
самые различные кисти (использует- 
ся Edit\Define Brush Preset) и тексту- 
ры. Назовем это инструментальным 
клипартом. 

Так же выглядит работа и с полно- 
ценным шаблоном. Макет, нарисован- 
ный, например, в Photoshop, сохраня- 
ется в формате psd (без склеивания 
слоев), а затем при непосредственной 
работе и его адаптации к конкретному 
заказу изменяются шрисдфты, цвето- 
вые схемы, добавляются и удаляются 
графические объекты. Выкладывать 
шаблоны принято в виде скринов, 
сохраненных со средненьким качест- 
вом, - ты же не хочешь, чтобы другой 
читатель Спеца с ходу воспользовал- 
ся твоей работой? 


ШРИФТЫ 

m Как известно, человек, использу- 
ющий в своей работе установленные 
в системе шрисфты, рискует показать- 
ся неоригинальным. Следовательно, 
нужно озаботиться пополнением 
шрисфтовой коллекции. Есть несколь- 
ко путей получения шрисртов. Пер- 


ботаем с шаблоном 
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WACOM COMPANY L 


Ш WACOM (www.wacom.ru) - компания по производству графичес- 
ких планшетов, основанная в 1983 году. На сегодняшний день по- 
рядка 70% графических планшетов, которые используются в сов- 
ременных настольных издательских системах и в различных видах 
искусства, связанных с графикой и видеографикой, производятся 


именно в WACOM. 


dafont.com - приличная коллекция очень даже интересных шрифтов - налетай! 


Человек, использующий в своей работе 
установленные в системе шрисрты, рискует 
показаться неоригинальным. 


вый - зайти в интернет и скачать все, 
что дают. Хорошая идея, но качест- 
венный шрисрт вряд ли дадут скачать 
бесплатно: Сеть наводнена дилетан- 
тскими поделками и откровенным отс- 
тоем. Сайтов, где можно на халяву ска- 
чать горяченьких буковок, немного. 
Большинство бесплатных шристов в 
Сети из-за своего буржуазного проис- 
хождения вообще не имеют кирилли- 
ческих символов. Поборников велико- 
го и могучего пошлем на сайт проекта 
"Веди" (wi рго оли), самого известного 
русскоязычного шрисфтового склада: к 
сожалению, большинство шрифтов 
довольно низкого качества, но встре- 
чаются и весьма недурные экземпля- 
ры, в основном представляющие собой 
"русифицированные" буржуйские. 
Другой способ - отправиться к бли- 
жайшему ларьку с пиратскими CD и 
приобрести за символическую сумму 
диск, на обложке которого написано 
что-то вроде "10000 модных шриф- 
тов". Это самое дешевое и лучшим 
образом избавляющее от головной 
боли решение, за исключением одной 
детали - покупая такие диски ты, во- 
первых, нарушаешь закон, а во вто- 
рых - лишаешь заработка разработ- 
чиков шрисфтов. Недостаток такого 
способа также и в том, что большин- 
ство таких дисков содержат, мягко го- 


Сайт студии "Леттерхэд" 


воря, несвежие шрисфты, выпущен- 
ные до середины 90-х годов (самая 
ходовая - коллекция Paratype’a при- 
мерно середины 90-х). Возможно, 
призыв покупать легальные шрифты 
звучит банально, но у этого способа 
пополнения коллекции есть очень 
серьезный плюс: возможность полу- 
чить действительно модную и акту- 
альную вещь за относительно не- 
большие деньги. Если у тебя заваля- 


Ваяем собственный шрифт 


лись лишние 20-40 бакинских, дуй 
на сайт "Паратайпа" (jaralyperu) или на 
мой любимый "Леттерхэд" (lelleriead fu) 
и выкладывай кровные за красивые 
буковки. 

Все это очень хорошо, но в любом 
случае обойдется в какую-нибудь ко- 
пеечку, будь то оплата счетов за ин- 
тернет, сотка за диск из ларька или из 
студии - цифровой словокузницы. Ска- 
MY по секрету: хороший шрисфт можно 
получить бесплатно, а именно - сде- 
лать его самостоятельно, что требует 
определенного уровня знаний, кро- 
потливого труда. Зато не будет мучи- 
тельно больно за бесцельно потра- 
ченные усилия. Профессиональный 
художник шрисфта может делать одну 
гарнитуру несколько месяцев (а мо- 
жет быть и лет). И не потому, что он 
делает это в перерывах между пивом 
и гамбургерами, а потому, что это 90- 
вольно ответственное занятие. 

Но нам-то шрифт нужен не для того, 
чтобы набирать им "Войну и мир", а 
для того, чтобы сделать крутую визит- 
ку, оформить сайт и удовлетворить 
прочие мелкие надобности. Поэтому 
смело идем на fontlab.com и качаем 
лучшую программу для разработки 
шрисфтов - Fontlab. Вместе с демо-вер- 
сией идут два исходника, которые по- 
могут овладеть основными функция- 
ми программы за какие-нибудь пару 
часов. А уже через пару дней ты смо- 
жешь хвастать перед приятелями 
эксклюзивным шрисбртом. И кто знает, 
может быть спустя какое-то время 
именно за этот шрисфт люди будут пла- 
тить денежки в онлайн-магазинах :). 
Как бы то ни было, занимаясь дизай- 
ном ты обязательно столкнешься с 
ситуацией, когда количество накоп- 
ленных шрисфтов заставит задумать- 
ся об их систематизации. Для этих це- 
лей предназначены специальные 
программы - менеджеры шрисртов, с 
помощью которых можно собирать 
имеющиеся шрисфрты в коллекции, 
группировать их по типам (декоратив- 
ные, моноширинные и т.п.) и, самое 
главное, - в нужный момент активиро- 
вать и дезактивировать коллекции и 
отдельные шрисфты. К чему такие 
сложности? Кроме логичной органи- 
зации шрисфтовой помойки дизайнер 
получает возможность экономно ис- 
пользовать ресурсы своего компью- 
тера: все установленные шрисфты ке- 


шируются и по мере увеличения ко- 
личества инсталлированных в систе- 
MY шрисфтов усиливают тормоза в 
системе. Лучше не устанавливать 6o- 
лее двух-трех сотен шрисфтов, а ис- 
пользовать Font-manager. 

Одна из лучших программ этого 
класса - Extensis Suitcase, также не- 
плох Adobe Typemanager. Встречают- 
ся даже простые и бесплатные, но 
вместе с тем обладающие достаточной 
функциональностью менеджеры, как, 
например, встроенный в MacOS X 
Fontbook или Bitstream Font Navigator, 
поставляемый с Windows-Bepcuen na- 
кета Corel Draw. Тем же, кто по каким- 
то причинам не желает использовать 
эти достижения программерской мыс- 
ли, можно посоветовать просто сле- 
дить за количеством установленных в 
системе шрисфтов. Организовать их 
можно просто раскладывая по папоч- 
кам, смотреть которые рекомендуется 
при помощи программы ThumbsPlus, 
которая для наглядности вместо стан- 
дартных иконок показывает Thumbnail 
каждого шрисрта. Благодаря этой 
функции становится необязательным 
открывать каждый срайл в поисках 
нужного шрисрта: все представлено 
наглядно и удобно - у каждого файла 
есть контекстное меню, из которого 
(кроме прочего) можно тут же устано- 
вить понравившийся шрисрт. 


УСПЕХ В ЕДИНСТВЕ 
РАЗНООБРАЗИЙ 

и Подводя итог сказанному, можно 
сделать такой вывод: путей много. 
Какой (или какие) из них выбрать, 
решать тебе. Могу сказать лишь Og- 
но. Уважай труд других людей, если 
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Встроенный шрифтовой менеджер, в. 
MacOS 10.3 


Шрифтовой менеджер, поставляемый с 
пакетом Corel Draw 


хочешь, чтобы они уважали твой. Ec- 
ли уж взялся за дизайн, в котором 
используешь чьи-то работы, так сде- 
лай так, чтобы не было стыдно пока- 
зать его общественности и уж тем 
более пытаться продать (ну и чтоб 
еще не посадили или не оштрафова- 
ли за такое дело). Грань между твор- 
ческим заимствованием и плагиатом 
очень тонкая и призрачная, поэтому 
следуй принципу "Копия лучше ори- 
гинала". Подводя итог всему вышес- 
казанному, получаем следующее: 
начни с малого и простого (но не 
злоупотребляй и подходи к вопросу 
творчески), со временем расширяй 
свои навыки, знания и финансовые 
возможности, переходи к более 
сложному и оригинальному. 


Не ленись систематизировать пос- 
тупающую к тебе информацию. Пот- 
раченные сейчас пара минут смогут 
помочь сэкономить несколько ча- 
сов поиска нужного файла в той 
свалке, в которую в противном слу- 
чае может превратиться вся база. У 
каждого, конечно, свои взгляды на 
то, по каким критериям нужно сор- 
тировать файлы, но главное, чтобы 
в них была четкая и понятная тебе 
самому система. Можно даже пус- 
тить в ход твой программерский та- 
лант и изготовить какую-нибудь 
простенькую СУБД для хранения 
всей этой груды информации. 
Очень полезно периодически иссле- 
довать коллекцию на предмет дуб- 
ликатов файлов. Для этого можно 
воспользоваться хорошо известной 
ACDSee, но если не боишься ис- 
пользовать непопулярные (это вов- 
се не значит, что плохие) решения, 
то я рекомендую программу Extensis 
Portfolio, которая как раз и заточе- 
на под нужды дизайнеров, а не сек- 
суально озабоченных подростков :). 

И не забывай держать руку на пуль- 
се моды: включай в свою базу те ма- 
териалы, которые на данный момент 
популярны. Мысли концептуально и 
широко, и, возможно, в один прекрас- 
ный день представители редакции 
журнала, попивая Мартини на каких- 
нибудь островах (будем надеяться, не 
на Соловецких), со слезами умиления 
на глазах будут узнавать из Massme- 
dia о твоих дизайнерских успехах. 


ThumbsPlus - альтернативный ACDSee вьювер 
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3D STUDIO MAX: ЧИСТАЯ ТЕОРИЯ 


очему именно 3D Studio Max? Во-первых, он стандартный. Во-вторых, ero 
п возможности практически безграничны. В-третьих, он экономит время: 
создать несложную сцену можно буквально за несколько минут. В-четвертых, 
он удобен: интерфейс полностью настраиваемый. В-пятых, он всегда идет в 
ногу со временем: новые технологии практически моментально занимают в нем 
свое законное место. Дальше продолжать? 
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нам понадобится любой Мах 
не слабее версии 4.25. У бо- 


лее старых версий есть проб- 
лемы с установкой под ХР из-за того, что в 
них используется система лицензий C-Dilla, 
которая наотрез отказывается работать с но- 
вой Windows. Вся статья описывает исполь- 
зование 3D Studio Max, но, уверяю, и в чет- 
вертой версии (и даже в более старых) все 
работает точно так же. 

Лицензия на Мах обойдется примерно в 
$3000 (за седьмую версию - $3495), но нас- 
тоящего российского дизайнера и такая сум- 
ма не остановит ;). Добрые люди предложат 
докупить на дополнительных дисках учебни- 
ки, сборники плагинов, примеров и материа- 
лов. На самом деле все это ни к чему: нор- 
мальные подборки встретить крайне слож- 
но, да к тому же все это валяется абсолютно 
бесплатно в интернете. И не стоит ставить 
русификаторы Мах'а. Во-первых, переводы 
часто бывают настолько кривыми, что луч- 
ше бы их вообще не было (понятнее с появ- 
лением перевода не становится). Во-вторых, 
большинство уроков и энциклопедий (в том 
числе и эта :)) описывают англоязычную 
версию. 

Задача этой статьи - объяснить то, как мож- 
но создать сложную сцену “с нуля", так что 
для по-настоящему серьезной работы мате- 
риала этой статьи будет мало. Я специально 
не упоминал многие разделы, например, ани- 
мацию. Для желающих разобраться есть 
толстые и скучные энциклопедии (смотри 
"Обзор книг" в SPECial delivery). 


т umm | 5 
Увидев скриншоты наподобие этого, некоторые 
начинают распускать слухи о неподьемности 
Мах 


ХАКЕРСПЕЦ | 01(50) | 2005 


ИНТЕРФЕЙС 

и До работы необходимо разобраться с ин- 
терфейсом Мах'а. Основную площадь на эк- 
ране занимают четыре окна проекций, на ко- 
торых отображается сцена с разных сторон. 
Наверху, под главным меню, находится па- 
нель инструментов, на нее вынесены самые 
употребительные команды. Справа по верти- 
кали расположена панель команд. Снизу на- 
ходятся панель анимации, строка состояния 
и окна макросов, а правее них - кнопки, уп- 
равляющие видом в окнах проекции. 

Окна проекций можно настроить на свой 
вкус, вплоть до размещения в них, например, 
браузера Мах'а. Однако опыт показывает, 
что предлагаемый в начале расклад удобнее 
всего. Если нет особой необходимости, то 
лучше оставить в окнах вид сверху, спереди, 
слева и отображение перспективы. Если по- 
требуется что-то изменить, вызывай меню 
настройки, кликнув по надписи справа, кото- 
рая находится в левом верхнем углу любого 
из окон. В появившемся меню для начала 
стоит обратить внимание на верхние два 
пункта Smooth + Highlights и Wireframe. Они 
определяют, в каком виде будет отображать- 
ся сцена: со сглаживанием и освещением 
или в виде каркаса. А в выпадающем подме- 
ню Views можно задать тип отображения. 

Чтобы рассмотреть моделируемую сцену, 
потребуется регулярно вращать, двигать и 
приближать проекции в окнах. В этом помо- 


Такой вот Мах прожорливый, но и это далеко не 
предел 
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Основное окно MAX'a 


гут инструменты Arc Rotate, Pan и 
ZOOM соответственно. Их иконки рас- 
положены в правом нижнем углу 
Мах'а. Гораздо удобнее проделывать 
все это трехкнопочной мышкой со 
скройлером: зажав третью кнопку - 
двигать, а колесиком - приближать 
или удалять. Чтобы рассмотреть ка- 
кое-то окно поближе, его можно вре- 
менно сделать полноэкранным щелк- 
нув по кнопке Min/Max Toggle. 

Все объекты в Мах независимо от их 
природы можно двигать и вращать. 
Для этого созданы инструменты 
Select and Move и Select and Rotate. 
Если же кликнуть правой клавишей 
по любой из этих кнопок, то легко 
можно задать отступ или поворот 
объекта в числовых значениях. Также 
можно просто выделить объект, не со- 
вершая над ним никаких действий, 
при помощи Select Object или выде- 
лить объект по его названию - Select 
Бу Мате. Все эти инструменты нахо- 
дятся на панели инструментов. 


ПРИМИТИВЫ 

Первое, что необходимо научить- 
ся создавать в Мах - это примитивы 
(стандартные стереометрические сри- 
гуры): на панели команд выбираешь 
закладку Create, далее Geometry, а в 
выпадающем меню Standard 
Primitives или Extended Primitives. Bce- 
го в Max'e 10 стандартных и 13 расши- 
ренных примитивов. Человеку, кото- 
рый в школе не прогуливал стерео- 
метрию слишком злостно, разобрать- 
ся в них будет довольно просто. Каж- 
дый примитив определяется своим на- 
бором свойств, но основные парамет- 
ры у всех одинаковы (длина, ширина, 
высота, сглаживание...). Увы, в статье 
не поместится и десятая часть описа- 
ний возможностей Мах'а, поэтому ос- 
тавлю такие простые вещи, как созда- 
ние примитивов, на самостоятельное 
изучение. Разобраться в этом можно 
банальным "методом тыка": если при 
изменении параметра сразу же видны 
изменения объекта, то все ОК. Если 


же никаких событий не наблюдается, 

то лучше пока оставить этот параметр 
со значением, которое было присвое- 
но по умолчанию. К тому же назначе- 


р 


Усовершенствованные примитивы 
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ние большинства параметров можно 
понять по их названиям. 

Каждый примитив содержит пара- 
метры типа Segments или Sides, кото- 
рые определяют количество сторон 
или сегментов, составляющих этот 
объект. С одной стороны, с увеличе- 
нием этих счетчиков объект становит- 
ся менее угловатым, а с другой - коли- 
чество полигонов растет и такой объ- 
ект становится значительно сложнее 
редактировать, да и про тормоза не 
стоит забывать. Придется искать 30- 
лотую середину. 


ЭТО НУЖНО ЗНАТЬ 

и Вернемся к интерфейсу. Ниже 
рассмотрены несколько основных 
приемов, которые необходимы при 
создании любой сцены. 

Для масштабирования объекта ис- 
пользуется инструмент Select and 
Uniform Scale, который позволяет сжи- 
мать и растягивать модель в разных 
плоскостях. Для этого на панели 
инструментов нужно зажать ту же 
кнопку, и через секунду из нее выва- 
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Если модель 
делается для 
игры, то чаще 
всего требует- 
ся предста- 
вить ее в виде 
сетки. 


Снег, брызги 
воды и прочие 
неоднородные 
объекты проще 
всего созда- 
вать при помо- 
щи систем час- 
тиц: Create-> 
Geometry-> 
Particle 
Systems. 


Для Max суще- 
ствует немыс- 
лимое число 
плагинов. Из 
них просто не- 
обходимы те, 
которые пере- 
делывают рен- 
деринг, напри- 
мер, Final 
Render и 
Brazil. 


В Max очень 
удобно реали- 
зована анима- 
ция, в том чис- 
ле скелетная. 
Простейший 
ролик можно 
создать сфор- 
мировав нес- 
колько конт- 
рольных точек 
и изменив в 
них сцену. 


МАКСИМАЛЬНАЯ ЭНЦИКЛОПЕДИЯ , 


лится менюшка с тремя иконками, каж- 
дая из которых обозначает различный 
инструмент масштабирования. 

Если твоя сцена состоит из огромно- 
го количества объектов, то ты риску- 
ешь заблудиться в них. Для облегче- 
ния нелегкой жизни художника в Мах 
предусмотрены группы. Группируем 
объекты так: выделяем их и щелкаем 
в главном меню Group->Group. Теперь 
с этой группой можно управляться 
как с одним объектом. Для обратной 
операции - Group->Ungroup. 

Если при создании сцены уровень 
точности “на глазок" и “плюс-минус 
трамвайная остановка" недостаточен, 
то придется звать на помощь инстру- 
мент Align, который находится на па- 
нели инструментов. Объекты можно 
выравнивать друг относительно друга 
вдоль осей Х, У и 7, а также относи- 
тельно центров, минимумов и макси- 
мумов самих объектов. 

Если нужна точная копия объекта, 
то просто щелкаешь в главном меню 
по пункту Edit->Clone, конечно же выб- 
рав заранее клонируемый объект. Су- 
ществует три варианта клонирования: 
Copy, Instance и Reference. Первый - 
это просто копирование, остальные 
определяют наследуемость свойств, 
то есть после изменения основного 
объекта та же судьба будет постигать 
и клонов. 

Более изощренный вариант клони- 
рования - создание массива объектов. 
По непонятным мне причинам в шес- 
том Мах'е разработчики убрали кноп- 
ку Аггау из стандартного набора. Ис- 
правим это недоразумение. Кликни 
правой кнопкой по панели инструмен- 
тов и выбери Customize.... Далее 
ставь Group - Main UI, Category - All 
Commands, в появившемся списке 
найди Аггау и перетащи эту кнопку на 
панель инструментов. Готово. Массив 
объектов может пригодиться для соз- 
дания множества копий одного объек- 
та, расположенных на определенном 
состоянии друг от друга. Например, 
таким путем из одной доски за нес- 
колько кликов можно сколотить за- 


мечательный забор. Итак, во-первых, 
нужно выделить интересующий тебя 
объект и нажать по новой кнопке. По- 
явится окно с множеством полей, в 
котором пока актуальны только три 
верхние левые колонки и счетчик 
Count - 1D. В колонках указываешь TO, 
насколько каждый следующий объ- 
ект будет сдвинут (повернут/увели- 
чен) относительно предыдущего, а 
счетчик определяет будущее количе- 
cTBO КОПИЙ. 


СВОЙСТВА И МОДИФИКАТОРЫ 

и Каждый объект в Мах характери- 
зуется огромным количеством пара- 
метров. Чтобы просмотреть свойства 
конкретного объекта, достаточно 
просто выделить его и перейти на 
закладку Modify панели команд. Верх- 
нее поле этой закладки - название 
объекта и его цвет на схеме, чуть ни- 
же - выпадающее меню Modifier List с 
неимоверным количеством модисри- 
каторов (о них позже), в середине - 
стек модификаторов, внизу - текущие 
параметры. На этой закладке и осуще- 
ствляется основная часть манипуля- 
ций объектами. 

Модисрикаторы - это инструменты, 
которые позволяют изменять струк- 
туру объекта. Их можно условно 
сравнить с фильтрами в Photoshop. 
После применения к объекту нового 
модификатора он автоматически па- 
дает в стек и занимает там верхнюю 
позицию. Стек модификаторов наз- 
ван так с некоторой натяжкой, так 
как большую часть модификаторов 
можно редактировать даже если они 
не занимают в нем верхнюю пози- 
цию. Чтобы отредактировать какой- 
нибудь модификатор, достаточно 
просто щелкнуть по нему (под сте- 
ком выкатятся все его свойства), а 
чтобы удалить - нажать на кнопку 
под стеком с изображением корзи- 
ны. Примеры модификаторов будут 
рассмотрены ниже, а пока для прак- 
тики попробуй на примитивах следу- 
ющие: Вепа - изгиб, Тарег - заостре- 
ние, Twist - скручивание, Skew - 


сдвиг, Stretch - растяжение, Squeeze 
- сжатие, Push - сдавливание, Relax - 
ослабление, Mirror - отражение, 
Noise - зашумление (очень важный 
параметр Fractal), Spherify - осфере- 
ние :), Wave - волны, Ripple - рябь, 
Lattice - решетка. Все описанное за- 
дается на закладке Modify в списке 
Modifier List. 


СЕТКИ 

m= В природе практически все трех- 
мерные объекты состоят из полиго- 
нов. Разберемся с редактированием 
на этом уровне. Для наглядности 
лучше выбрать в окне перспективы 
отображение Wireframe и, кликнув 
правой кнопкой по какому-нибудь 
трехмерному объекту, навести кур- 
сор на пункт Convert То: в появив- 
шемся списке выбираем Convert to 
Editable Mesh. Теперь объект npegc- 
Tan в образе редактируемой сетки. 
Запомни, эту операцию невозможно 
отменить (кроме как через Undo)! 
При конвертировании объекта в сет- 
ку уничтожатся все модификаторы, 
которые были к нему применены 
раньше. Другими словами, результат 
действия этих модификаторов сохра- 
нится, но править их будет уже не- 
возможно. После превращения объ- 
екта в сетку автоматически откроет- 
ся закладка панели команд Modify, a 
в стеке модификаторов останется 
только Editable Mesh. Под стеком к 
тому времени появятся пять новых 
кнопок с изображениями точек, треу- 
гольников и других многоугольни- 
ков, которые определяют, на каком 
уровне будет редактироваться сетка. 
Нажатая кнопка Vertex означает, что 
редактирование будет происходить 
на уровне вершин, Edge - на уровне 
граней, Face - на уровне треугольни- 
ков, Polygon - на уровне полигонов, а 
Element - на уровне объектов. Все 
эти элементы можно двигать, вра- 
щать и масштабировать практически 
так же, как и отдельные объекты. 

Что нужно уметь при работе с редак- 
тируемой сеткой? 
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При моделировании amopcpHoro объ- 
екта острые углы ни к чему, но они 
упорно продолжают образовываться, 
если просто двигать вершины или по- 
лигоны. В такой ситуации на помощь 
приходит опция Use Soft Selection, ко- 
торая находится в свитке Soft 
Selection. После ее активации и пере- 
мещения одной или нескольких вер- 
шин соседние с ней тоже NOGTAHYTCA. 
Причем вершины, которые находятся 
вплотную к редактируемым, сдвинут- 
ся практически на такое же расстоя- 
НИЕ, а более отдаленные - намного 
меньше. Похоже на изменения сфигу- 
ры при лепке из пластилина. Пара- 
метр ЕаЙоЙ задает то, какую площадь 
будут охватывать изменения. 

Бывает полезно "выдавить" неко- 
торые полигоны из объекта. Для 
этого нужно перейти к редактирова- 
нию на уровне треугольников или 
полигонов. Сначала выделим один 
или несколько полигонов, а затем на 
панели команд в разделе Edit 
Geometry найдем кнопку Extrude. 
Справа от кнопки увидишь счетчик, 
при изменении значения которого 
выбранные полигоны моментально 
выдавятся из объекта. 

Если требуется объединить несколь- 
ко вершин в одну, то выбираешь ре- 
дактирование вершин и нащупыва- 
ешь группу Weld на панели команд в 
разделе Edit Geometry, а в ней кнопку 
Selected. Рядом с этой кнопкой есть 
счетчик, значение которого определя- 
ет, на каком максимальном расстоя- 
нии друг от друга вершины могут 
быть объединены. После установки 
подходящего значения останется 
только нажать Selected. 


СПЛАЙНЫ 

| Сплайны - двух- или трехмерные 
кривые и геометрические сфигуры. По 
умолчанию их не видно при рендерин- 
ге, что можно исправить отменив га- 
лочку Renderable на закладке Modify. 
Всего существует 11 стандартных 
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сплайнов, которые создаются с по- 
мощью Create - Shapes - Splines. 

Сплайны, как и сетки, можно pegak- 
тировать. Превратить сплайн в редак- 
тируемый просто: правый клик, 
Convert To->Convert to Editable Spline. 
Если выбрать редактирование Ha 
уровне вершин и щелкнуть правой 
кнопкой мыши по любой из них, то 
каждая вершина обнаружит свою яв- 
ную принадлежность к одной из сле- 
дующих групп: Согпег - угловая, 
Smooth - сглаженная, Bezier - регули- 
руемо сглаженная, Bezier Corner - pe- 
гулируемо угловая. Редактируя тип 
вершины, можно изменить сплайн go 
неузнаваемости. Если в нем недоста- 
точное количество вершин, то можно 
добавить их кнопками Refine или 
Insert на закладке Modify. Если нужно 
присоединить к одному сплайну gpy- 
гой, выдели любой из них, и, нажав 
Attach, щелкни по второму. 

Есть несколько десятков приемов 
редактирования сплайнов, а я опишу 
лишь один из них (по-моему, самый 
полезный). Если в сплайне присут- 
ствуют самопересечения, например, 
после объединения двух сплайнов, то 
может возникнуть необходимость из- 
бавиться от лишних сегментов (клас- 
сический пример - создание деки 
скрипки). Берем эллипс, повторяющий 
очертания деки, и выставляем две ок- 
ружности по бокам в тех местах, где 
требуется сделать углубления. Объе- 
диняем эти сплайны в один, выбираем 
редактирование на уровне сплайнов и 
жмем кнопку Trim на закладке Modify. 
После щелчка по лишним сегментам 
они самоликвидируются. Последний 
штрих: переходим к редактированию 
на уровне вершин и с помощью Weld 
объединяем двойные вершины в мес- 
тах бывших пересечений. Готово. 

А зачем нужны сплайны? 

Для начала их можно выдавить из 
плоскости, другими словами, добавить 
сплайну высоту. К примеру, звездоч- 
ку или шестеренку проще всего сле- 
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пить из сплайна, а потом просто доба- 
вить ей объема, для чего придется 
воспользоваться модификатором 
Extrude. Параметр Amount определяет 
высоту, a Cap Start и Cap End решает, 
закрывать ли начало и конец полу- 
чившейся фигуры. Похожий эффект 
обеспечивает модификатор Bevel, ge- 
лающий многослойное выдавлива- 
ние, причем такие слои, возможно, бу- 
дут отличаться друг от друга масшта- 
бом. Итого, мы получили такой же вы- 
давленный сплайн, только с выпуклы- 
ми или вогнутыми краями. Параметры 
Level 1- Level 3 задают нужное коли- 
чество слоев, Height - высоту слоя, 
Outline - масштабирование, a Smooth 
Across Levels - сглаживание вдоль 
уровней. 

Другой способ “оттрехмерить” 
сплайн - создать объект вращения. 
Разные бокалы, бутылки, банки и ста- 
каны производятся именно таким об- 
разом. Сплайны создают половину по- 
перечного сечения объекта, а дальше 
дело за модификатором Lathe. Пара- 
метр Direction задает то, вокруг какой 
оси будет происходить вращение (Х, 
У или Z), а параметр Align - вокруг ка- 
кой оси сплайна (вокруг центральной 
или крайних). Если в центре получив- 
шегося объекта проявятся какие-то 
артефакты, то придется отметить га- 
лочку Weld Core. 

Также в Мах'е существуют NURBS- 
кривые, во многом похожие на сплай- 
ны, к которым можно применять те же 
самые модификаторы, поэтому оста- 
навливаться на них я не буду. 
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Все эти объекты построены выдавливанием сплайнов 
(Extrude) 


При необходи- 
мости Мах 
можно исполь- 
зовать и как 
двухмерный 
редактор, а 
изображения 
при этом рен- 
дерить в окнах 
Top, Front или 
Left. 


Для более 
серьезного 
рендеринга в 
Мах'е сущест- 
вуют камеры 
(Create - 
Cameras). Что- 
бы установить 
в окне проек- 
ции вид из ка- 
меры - Views-> 
Имя_камеры. 
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(Lathe) 


СОСТАВНЫЕ ОБЪЕКТЫ 

Пока все объекты, которые мы 
создавали, были довольно примитив- 
ными. Пора научиться моделировать 
что-нибудь посерьезнее, а именно - 
составные объекты. 

Важно разобраться с созданием в 
Boolean составных объектов, что 
обеспечит объединение и пересече- 
ние нескольких объектов, а также 
возможность вырезать из одного объ- 
екта другой. К примеру, требуется 
быстро сделать стену с окнами. Стена - 
это простая коробка, окна - тоже ко- 
робки. Вырезай окна из стены с по- 
мощью Boolean, а потом уже действуй 
по собственному усмотрению. Такой 
метод применяется в большинстве 
случаев, поэтому полезно будет при- 
выкнуть быстро разбивать в уме мо- 
дель на составные части, комбинируя 
их, вырезая, пересекая и объединяя 
друг с другом. Для создания Boolean- 
объекта потребуется не менее двух 
пересекающихся трехмерных объек- 
тов. Для начала выделяем первый из 
них и выбираем Create->Geometry-> 
Compound Objects->Boolean. Затем на- 
go определиться с операцией: Union - 
объединение, Intersection - пересече- 
ние, Subtraction (А-В) - вырезание вто- 
рого из первого, Subtraction (B-A) - 
аналогично, Cut - различное разбие- 
НИе граней. Останется только нажать 
кнопку Pick Орегапа В и выбрать вто- 
рой объект. После этого из двух полу- 
чится единый объект, а Boolean cBa- 
лится в стек модификаторов. 

К сожалению, при создании Boolean- 
объектов в Мах'е (особенно в старых 
версиях) нередко появляются необъ- 
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яснимые глюки: TO полигоны пропа- 
дут, то вообще всю модель разворо- 
тит :(. Поэтому после каждой опера- 
ции в Boolean стоит исследовать мо- 
дель на предмет видимых поврежде- 
ний, чтобы не упустить тот момент, 
когда это злодеяние случилось и ус- 
петь нажать Undo. 

Еще один вид составных объектов - 
Loft. Это метод позволяет сделать из 
нескольких кривых (сплайнов или 
NURBS) один трехмерный объект. В 
этом случае одна кривая станет "пу- 
тем", а другие “сечениями”, расстав- 
ленными вдоль него. Самый простой 
пример ГоЁ-объекта - провод или 
шланг, где “путь” представлен идущей 
вдоль него кривой, а “сечение” - ок- 
ружностью. Итак, нам понадобятся как 
минимум две кривые. Сначала нужно 
выделить первую (определиться с тем, 
“путь” это или “сечение”, лучше сра- 
ЗУ) и нажать Сгеае->беотегу-> 
Compound Objects->Loft. Далее, в 3a- 
висимости OT того, чего не хватает, 
“пути” или “сечения”, выбрать Get 
Patch или Get Shape и указать на вто- 
рую кривую. Если одного “сечения” 
оказалось мало, то можно добавить 
еще несколько: в свойствах Loft в 
свитке Patch Parameters есть счетчик 
Patch, при изменении значения кото- 
рого по “пути” будет бегать крестик, 
обозначающий место присоединения 
нового “сечения”. Теперь можно CHO- 
ва нажать Get Shape и выбрать вто- 
poe “сечение” - в месте стыка одно се- 
чение плавно перетечет в другое. 


ТЕКСТУРИРОВАНИЕ 

и Какой бы навороченной ни была 
3D-mogenb, без текстуры она смотрит- 
ся довольно убого. Сейчас мы это 
исправим. За создание материалов в 
Мах'е отвечает “Редактор материа- 
лов", возможности которого практи- 
чески не ограничены (в отличие от на- 
шего журнала, поэтому полного опи- 
сания ну никак не получится). 

Для открытия редактора на панели 
инструментов есть кнопка Material 


Editor. В верхней части редактора рас- 
положены 24 шарика (если ты нена- 
видишь шарики, то можешь выбрать 
кубики или цилиндры), каждый их ко- 
торых представляет в виде символа 
одну текстуру. Чтобы сделать образец 
активным, достаточно кликнуть по не- 
му один раз. Внизу будет семь свит- 
ков с параметрами, из которых самые 
важные - первые два. В первом 
(Shader Basic Parameters) определяет- 
ся тип материала из восьми предло- 
женных. Для начала вполне хватит 
типа Blinn. Там же есть еще два по- 
лезных свойства: Wire и 2-Sided. Если 
отметить Wire и наложить материал 
на объект, то при рендеринге модель 
будет представлять собой то же са- 
мое, что и в окне Perspective при отоб- 
ражении Wireframe. Двухсторонний 
материал стоит выбирать при наложе- 
нии на незамкнутые объекты, напри- 
мер, плоскости. Теперь второй свиток - 
Blinn Basic Parameters. Счетчик 
Opacity определяет степень прозрач- 
ности объекта. Возле надписи Diffuse 
в цветном окошке задается OGHOTOH- 
ный цвет материала. Я думаю, одного 
цвета явно мало, поэтому сразу нало- 
жим полноценную текстуру из какого- 
нибудь файла типа ред. Правее от 
надписи Diffuse и окошка с цветом на- 
ходится маленькая кнопка без надпи- 
си. Нам сюда. Откроется Material/Map 
Browser, в котором нужно выбрать 
Browse From->New и два раза клик- 
нуть по словечку Bitmap. На этот раз 
появится стандартное мип-окошко вы- 
бора cpaiina, в котором остается толь- 
ко найти свою текстуру и кликнуть 
Ореп. Текстура уже готова. Для того 
чтобы вернуться к начальным наст- 
ройкам материала, выбирай Go to 
Рагеп из ряда кнопок под образцами. 
Если нет желания напрягать мозги 
созданием новых материалов, можно 
воспользоваться готовыми. Для этого 
нажимаешь на кнопку Standart nog 
образцами - откроется уже знакомый 
Material/Map Browser. В нем выбираем 
Browse From->Mtl Library и ждем появ- 


ления списка готовых материалов. Ec- 
ли он пуст, то придется вручную отк- 
рывать файл, содержащий материа- 
лы, что делается в File->Open в этом 
же браузере. 

Применить текстуру к объекту мож- 
но несколькими способами: обычным 
Чгад’п’'Агор образца на модель или 
после выделения одного или несколь- 
ких объектов кнопкой Assign Material 
to Selection в редакторе материалов. В 
любом случае имеет смысл наклады- 
вать текстуры только на те объекты, 
которые видны при рендеринге. 


НАЛОЖЕНИЕ ТЕКСТУР 

m Если текстура не однотонная, то 
ее слои можно наложить на объект 
сотней способов. Мах не обладает ис- 
кусственным интеллектом, поэтому 
эту процедуру в автоматическом ре- 
жиме он проделывает постоянно OG- 
ним и тем же способом (в прошлых 
версиях он вообще отказывался это 
делать). Если не устраивает результат 
наложения шкурки, стоит попробо- 
вать другой способ проекции тексту- 
ры, для чего существует модифика- 
тор UVW Мар. На выбор предлагается 
семь вариантов проекции. Если cpop- 
ма объекта хоть чем-то напоминает 
плоскость, цилинар, сферу или куб, то 
оптимальным будет способ проекции 
с аналогичным названием (Planar, 
Cylindrical, Spherical & Вох). Вариант 
Shrink Wrap почти одинаков со 
Spherical, вариант Face проецирует 
текстуру в центр каждой грани, а XYZ 
to UVW растягивает текстуру при рас- 
тягивании объекта. Опять не нравится 
результат? Тогда читай дальше. 

Ты когда-нибудь видел, как выгля- 
дят текстуры для моделей в играх? 
Примерно так: модель, как будто сде- 
ланную из бумаги, разрезали на ку- 
сочки, каждую часть развернули на 
плоскости, а потом все сгруппировали 
на одной картинке. Если такую тексту- 


ру просто наложить на модель, то ка- 
кой способ проекции ни используй, 
все равно получится ерунда. Как это 


ни странно, во многих руководствах 
по Мах развертку вообще не рассмат- 
ривают или описывают неприлично 
бегло. А она необходима практически 
всегда при наложении текстур, осно- 
ванных Ha Bitmap. Для того чтобы 
развернуть карту текстуры на модель, 
существует модификатор Unwrap 
UVW. Применять его лучше с нор- 
мально настроенным UVW Мар, чтобы 
потом не мучаться. Для того же удоб- 
ства следует сначала превратить объ- 
ект в редактируемую сетку и каждой 
смысловой группе полигонов задать 
отдельный номер. Сейчас объясню за- 
чем. Например, нужно смоделировать 
машину, причем на дверь наложить 
одну часть текстуры, на капот - дру- 
гую, на крыло - третью. Делается это 
так: выделяются полигоны, которые 
составляют дверь, и каждому из них 
задается номер, далее задается но- 
мер полигонам крыла и т.д. Задать но- 
мер полигонам можно на закладке 
Modify, выбрав редактирование на 
нужном уровне в свитке Surface 
Properties, группе Material и в счетчи- 
ке Set ID. Теоретически последние два 
шага можно и опустить, но я бы не со- 
ветовал этого делать :). 

Итак, после применения модифика- 
тора Unwrap UVW пора приступать не- 
посредственно к редактированию раз- 
вертки, для чего открываешь редак- 
тор Edit UVWs и нажимаешь кнопку 
Edit в свойствах модидфикатора. Ин- 
терфейс редактора выполнен в стиле 
Мах и рассматривать его отдельно не 
имеет смысла. Основную площадь ре- 
дактора занимает плоскость (в шес- 
том Мах'е эта плоскость разлинована 
ярко-синим цветом, что ужасно разд- 
ражает, но, к счастью, отключается 
после ликвидации галочки возле 
Show Grid в свойствах редактора), в 
центре которой расположена накла- 
дываемая текстура, на которую в кучу 
свалены все полигоны, составляющие 
модель. Остается только понять, ка- 
кой части модели принадлежит каж- 
дый полигон и оттащить его на нуж- 


Так происходит процесс рендеринга 


ное место текстуры. Но все не так 
просто, как кажется на первый 
взгляд. В нижней части редактора 
развертки есть выпадающее меню, 
значение которого определяет номе- 
ра полигонов, отображаемых в опре- 
деленный момент. Если перед этим не 
полениться и аккуратно назначить 
группам полигонов разные номера, то 
меню поможет довольно быстро рас- 
ставить все по местам. 


РЕНДЕРИНГ 

ш Сцена готова и все текстуры нало- 
жены. Остался последний шаг - рен- 
деринг, перед которым стоит загля- 
нуть в главное меню - Rendering - 
Environment, где задаются различные 
эффекты окружения. В группе 
Background можно установить цвет 
фона или назначить текстуру для зад- 
него плана. В этом же окне на заклад- 
ке Effects можно настроить некоторые 
пост-фильтры. Теперь делаешь актив- 
ным то окно, отображение в котором 
больше всего нравится, и нажимаешь 
на панели инструментов Render Scene. 
Появится окно настроек рендеринга с 
пятью закладками, из которых пока 
актуальна только Common. В ней са- 
мый важный параметр - разрешение 
выходного срайла, которое находится 
в группе Output Size. Чем больше выб- 
ранный размер картинки, тем дольше 
нужно будет ждать результата. У про- 
фи процесс рендеринга может длить- 
ся несколько часов (вовсе не потому, 
что профи пользуются 386-ми процес- 
сорами). Если сцена изрядно нагруже- 
на, то лучше начать вообще с 
320х240, и только после улыбки Фор- 
туны выставлять нормальное разре- 
шение. Жмем Репаег. Картинка загру- 
зилась, остается последний штрих - 
сохранить ее, щелкнув по кнопке с 
изображением дискетки. 


THE END 

ш Мы окинули взглядом интерфейс 
Мах'а и кое-какие его возможности. 
Для того чтобы завершить этот BBOG- 
ный курс, посмотри в оглавление и 
найди там статью "Демонический 3D 
Мах". В этой статье по просьбе старо- 
го металлиста Лозовского - чисто 
практический текст, посвященный 
созданию модели своими руками. М 


ЕМОНИЧЕСКИЙ MAX.) 


Федор ( 


ee = а 
ДЕМОНИЧЕСКИИ _ 


сы | 
# 
Qe. 


Галков (fm@real.xakep.ru, www.podzemka.net) 


МОДЕЛИРОВАНИЕ ФИГУРЫ В 3D STUDIO MAX 


[В статье "Максимальная энциклопедия" в общих чертах описывалось создание объектов, имеющих геометрическую 
форму. В этой статье я расскажу про создание аморфного объекта на примере толстого демона, который для нас 
любезно согласился побыть моделью :). 


екомендую все руково- 


дства по Мах восприни- 


мать не как руковод- 


ство к созданию моде- 


ли, а как описание тех- 
ники, с помощью которой эта модель 
создается. Вникнув в то, что изложе- 
но ниже, можно будет создавать 
практически любые модели. 


ОСНОВА 

и В идеале перед моделированием 
нужно нарисовать будущий объект в 
профиль и aHcpac (этим обычно зани- 
мается концепт-художник). Обе полу- 
ченные картинки желательно подо- 
гнать под одинаковое разрешение и 
сделать так, чтобы объект на них на- 
ходился на одной высоте и был отра- 
жен в одинаковом масштабе. После 
этого нужно будет создать две плос- 
кости, по полигону каждая и разме- 
ром с разрешение (или кратно разре- 
шению) соответствующей картинки 
(например, 800х600), разместить их 
под прямым углом друг к другу (при- 
мер смотри на скриншоте). Создаем 
две текстуры из картинок проекций, 
включив в редакторе материалов оп- 
цию Show Мар in Viewport (кнопка nog 
образцами) и наложив на эти плос- 
кости. Теперь эти материалы отобра- 
жаются в окнах проекций. Останется 
только включить отображение 
Smooth + Highlights, a на объекты, из 
которых создается модель, наложить 
текстуру с максимальной прозрач- 
ностью, чтобы за ней были видны 
наброски. При моделировании нужно 
постоянно подгонять объект так, что- 
бы он соответствовал отображенному 
на текстуре. Разумеется, это следует 
делать только если необходимо соз- 
дать точную копию чего-либо. В этой 
статье я не ставил себе задачи соз- 
дать идеальную копию живого суще- 
ства, поэтому такой шаг опущу. 

Приступим к созданию монстра. Пер- 
вый шаг - построение максимально 
грубого каркаса будущего существа 
из минимального количества полиго- 
нов. Теоретически все можно сделать 
даже из одного куба, выдавливая по 
полигону, но лучше соорудить пусть и 
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грубую, но основу, чтобы не получить 
потом лишних мучений. 

Повторим в своем проекте примерно 
то же самое, что показано на скрин- 
шоте. Все части тела - простые короб- 
ки с различным количеством сегмен- 
тов. Демон - существо симметричное, 
поэтому его голову, шею, туловище и 
руки нужно выровнять относительно 
демонической оси. Ноги и ступни луч- 
ше в самом начале работы попарно 
объединить в группы, которые нужно 
будет выровнять относительно цент- 
ра, после чего снять группировку. 
Главное - это обеспечить пересече- 
ние примитивов друг с другом, и тогда 
ни одна из частей тела не будет ви- 
сеть в воздухе и не будет вести са- 
мостоятельную деятельность. Также 
желательно избегать лишних пересе- 
чений граней: одна фигура должна 
пересекать другую по одному полиго- 
ну, а не по нескольким. Масштаб мож- 
но не соблюдать четко, потому что в 
процессе создания выправить его бу- 
дет несложно. 

После того, как каркас будет готов, 
необходимо поочередно объединить 
все примитивы в единую модель при 
помощи Boolean-Union, после чего 


Так модель создается по эскизам 


превратить объект в редактируемую 
сетку и применить модификатор Mesh 
Smooth (сглаживание сетки). 

Тут есть одна тонкость. При работе с 
Boolean и со сглаживанием после при- 
соединения к модели последнего (на 
тот момент) объекта или после его вы- 
резания потребуется еще раз обра- 
титься за помощью к кнопке Boolean. 
Если этого не сделать, то при сглажи- 
вании с помощью Mesh Smooth в мес- 
те последнего соединения скорее все- 
го будут видны очень неприятные ар- 
теракты, которые практически невоз- 
можно удалить вручную. Сглаживать 
нужно именно редактируемую сетку, а 
не объект Boolean, иначе ничего хоро- 
шего не получится. 

На скриншоте показана одна из воз- 
можных неприятностей при выполне- 
нии операции Boolean. Подобные пре- 
лести в Мах иногда очень раздража- 
ют, особенно если не совсем понятно, 
как с ним бороться. По этому поводу 
еще один совет - чаще сохраняйся! 

После применения модификатора из 
грубого каркаса моментально родится 
аккуратно сглаженная модель, кото- 
рая уже намного больше похожа на 
“живое” существо. Однако праздно- 


Такая фигурка получается после применения Mesh Smooth 


вать победу, конечно, рано. Все самое 
интересное еще впереди. 

В настройках модификатора Mesh 
Smooth лучше выбрать Subdivision 
Method - Classic (хотя можно попробо- 
вать и другие), a Iterations поставить 
на двойку: если будет меньше, то мо- 
дель получится недостаточно сгла- 
женной, если больше - Мах начнет 
уже немного притормаживать, а по- 
том создаст проблемы с окончатель- 
ным редактированием, да и объект бу- 
дет даже чересчур гладким. Кстати, 
попробовать увеличить Iterations, 
например, до семи-девяти - отличный 
способ протестировать свой комп на 
производительность. 


ПОДГОТОВКА К 
РЕДАКТИРОВАНИЮ 

| Вернемся к редактированию ис- 
ходного каркаса. В стеке модификато- 
ров кликаем по первому пункту - 
Editable Mesh, после чего в окнах про- 
екции снова отобразится исходный 
каркас. Какие бы изменения с карка- 
сом пока не происходили, нужно сле- 
дить, чтобы модификатор Mesh 
Smooth всегда находился на верхней 
позиции стека. Обрати внимание на 
кнопку под стеком Show end result 
on/off toggle: если она нажата, то в ок- 
нах проекции отображается оконча- 


тельный вариант модели с учетом 
всех модисфикаторов, если нет - выб- 
ранное только на этом уровне редак- 
тирования. Изменяя каркас и щелкая 
по этой кнопке, можно наблюдать за 
преображением сглаженной модели. 
Напомню, что демон должен стать 
полностью симметричным, следова- 
тельно, его совершенно не обяза- 


a) 


тельно делать полностью: достаточно 
изготовить половину существа. Во 
время редактирования каркаса мы бу- 
дем править только ее, а другую поло- 
вину временно проигнорируем. Боль- 
шая часть времени при создании мо- 
дели уйдет именно на правку каркаса. 
Можно, конечно, уже сейчас превра- 
тить сглаженную модель в редактиру- 
емую сетку, но в таком случае редак- 
тирование будет невозможно или 
практически невозможно. 

При правке объекта мы будем поль- 
зоваться тремя основными приемами: 
выдавливание полигонов, сжатие по- 
лигонов (кнопка Bevel прямо nog 
Extrude) и рассечение вершин (кнопка 
Chamfer nog Extrude при редактирова- 
нии на уровне вершин). Extrude уже 
описывали в первой статье, Bevel при- 
меняется к полигонам и действует 
аналогично масштабированию. 
Chamfer отвечает за вершины и умеет 
разбивать одну на несколько в зави- 
симости от того, сколько ребер исхо- 
дит из этой вершины, что обеспечива- 
ет сглаживание угла при ней. 

Если ты Bgpyr доигрался и удалил 
нужные полигоны, а Undo нажать уже 
не получается, то на помощь к тебе 
придет mogucpukatop Cap Holes, прав- 
да, почти не имеющий настроек и за- 
делывающий дырки только на свое 
усмотрение. После применения этого 
модисфикатора лучше заново пере- 
конвертировать модель в редактируе- 
мую сетку, так как он не несет в себе 
никакой смысловой нагрузки. 


КРЫЛЬЯ, НОГИ И XBOCTbI 

Для начала обеспечим демону 
правдоподобные верхние конечности. 
Пока то, что есть у него вместо лап, 
лапами назвать даже язык не повора- 
чивается. Выдавливая и масштабируя 
крайний полигон лапы, нужно обозна- 
чить основные суставы и кисть. На 
очереди пальцы: приплюснем кисть. 
Большой палец можно отрастить нес- 
колько раз выдавив, сжав и подняв 
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Непонятно куда пропали полигоны изо рта - такой вот глюк 


У демона слег- 
ка обломан 


один клык. 
Для этого я 

просто сделал 
сплайн (замк- 
нутую линию), 
выдавил и вы- 
резал из клы- 
ка кусочек. 


Если модель 
демона будет 
недопустимо 
тормозить, TO 
можно попро- 
бовать моди- 
фикатор 
Optimize - 
должно по- 
мочь. 
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ПОЛНЫЙ ОБЪЕМ 
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Выдавливая и масштабируя полигоны, получаем основу 
лапы и ее же большого пальца. 


Если не нра- 
вится симмет- 
ричность демо- 
на, то можно 
поступить так: 
сначала точно 
так же сделать 
симметричным 
каркас, а по- 
том отредакти- 
ровать его по 
своему усмот- 
рению. 
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вверх полигон, который формирует 
ладошку. Чтобы сделать оставшиеся 
два пальца, нужно применить 
Chamfer к двум крайним передним 
вершинам лапы и два-три раза выда- 
вить образовавшиеся полигоны. Что- 
бы клешня стала готовой, придется 
над ней изрядно потрудиться и отре- 
дактировать вершины. Добавим руке 
некоторую рельеффность, то есть на- 
растим мускулатуру. Останется только 
придать лапе правильную форму, 
двигая и вращая составляющие ее 
вершины. В принципе, при изменении 
положения конечностей нужно учиты- 
вать сокращение мышц и движение 
сухожилий, но можно этого и не де- 
лать. После того, как лапе будет обес- 
печено необходимое положение, ос- 
танется только окончательно испра- 


=> 


i 


Путем несложных манипуляций изготовим готовую 
к употреблению лапу 


Добавив мускулатуры и согнув конечность получим оконча- 
тельный вариант 
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КАКИЕ ЕЩЕ СУЩЕСТВУЮТ СПОСОБЫ СОЗДАНИЯ 


АМОРФНЫХ ОБЪЕКТОВ? 


вить некоторые вершины, чтобы она 
выглядела естественно. 

Приступим к туловищу. При создании 
модели придется довольно много пере- 
мещать вершины, чего в маленькой 
статье не опишешь. Поэтому редакти- 
руй туловище каркаса руководствуясь 
своим вкусом и сверяйся с тем, что 
происходит на сглаженной модели. Я 
лишь опишу пару сложных моментов. 
Во-первых, монстру необходимо сде- 
лать грудь, для чего пару раз выдавли- 
ваешь и сжимаешь полигоны, отвеча- 


a 


Формируем туловище и выращиваем грудь 


ющие за грудные мышцы. Чтобы де- 
мон не стал Памелой Андерсон, верх- 
ние угловые вершины следует объеди- 
нить между собой при помощи Weld. 
Теперь настала пора выправить ниж- 
ние конечности. Сначала отрастим ког- 
ти, для чего нужно несколько раз вы- 
давить и сжать полигоны, находящие- 
ся на месте пальцев. Выдавливать сра- 
зу все три нельзя: сначала работаем с 
двумя крайними, а потом уже перехо- 
дим к средним пальцам. Осталось сде- 


лать “задний” коготь и придать ноге 


Моделирование нижних конечностей 


Рот нужно тщательно подгонять, чтобы он 
гармонично сочетался с зубами и чтобы не 
оставалось явно лишних отверстий. 


рельефность. Чтобы сделать коленку, 
нужно просто немного выдавить и 
сжать соответствующий полигон. 
Перед моделированием головы луч- 
ше сначала вставить зубы, а потом 
уже подстраивать улыбку, которая об- 
тягивала бы большие клыки. Я сделал 
клыки так: взял сплайн NGon с тремя 
сторонами, выдавил его, превратил в 
редактируемую сетку, а потом нес- 
колько раз выдавил и отмасштабиро- 
вал последний полигон, да еще доба- 
вил завиток на конце и применил уже 
знакомый модификатор Mesh Smooth. 
Теперь в голове необходимо выре- 
зать при помощи Boolean - Subtraction 
рот, для чего лучше взять коробку с 
двумя-тремя сегментами по ширине и 


высоте, чтобы в полости рта модели 
образовались дополнительные вер- 
шины. Рот нужно тщательно Nogro- 
нять, чтобы он гармонично сочетался 
с зубами и чтобы не оставалось явно 
лишних отверстий. Форму черепа сде- 
лать уже совсем несложно. Можно 
также слегка выдавить подбородок и 
добавить пару рогов. Рога делаются 
таким же образом, как зубы. 

Осталось самое сложное - подарить 
существу какое-нибудь выражение 
лица. Именно положение глаз, бро- 
вей, губ и носа определяют то, каким 
будет существо: добрым, злым, жа- 
лобным, агрессивным, веселым, груст- 
ным и т.д. Если этому придавать боль- 
шое значение, то, во-первых, придется » 


Моделирование черепной коробки, зубов и рогов 


УЖЕ В ПРОДАЖЕ 


Покупай Хакер с DVD-guckom. 
Только с DVD ты получишь самую 
полную комплектацию сосфта! 


На наших дисках ты всегда 


найдешь тонну самого свежего 
софта, демки, музыку, а также 


3 видео по взлому! 


Новогодний номер Хакера! 
Лучшее за 2004 год! 


ж 


ЕЕ 


www.xakep.ru 


Есть еще нес- 
колько спосо- 
бов добавить 
вершин сетке, 
например, 
Divide - разби- 
вать одну 
грань или по- 
лигон на нес- 
колько. 


ПОЛНЫЙ ОББЕМ | ДЕМОНИЧЕСКИЙ МАХ ) 


значительно увеличить количество 
полигонов, выделенных оля головы, а 
во-вторых, потратить намного больше 
времени на подгонку. В голове нужно 
вырезать цилиндрами небольшие от- 
верстия для глаз и потом сделать не- 
большой нос. Сами глаза лучше сде- 
лать отдельными объектами из прос- 
тых сфер, что позволит при необходи- 
мости без лишних усилий поворачи- 
вать глаза в нужную сторону, да и 
проще будет накладывать текстуру. 


ВТОРАЯ ПОЛОВИНА 

У нашего монстра пока готова 
только одна половина. План даль- 
нейшних действий таков: сначала уда- 
лим бракованную половину, потом 
скопируем нормальную, отразим ее и 
полученную копию склеим с готовой. 
Поехали. Во-первых, пора, наконец, 
превратить модель в редактируемую 
сетку, затем перейти к редактирова- 
нию на уровне полигонов, выделить 
все полигоны модели и нажать Slice 
Plane на закладке Modify. Появится 
желтая плоскость, которую нужно вы- 
ровнять относительно центра сущест- 
ва (лучше вручную) и выставить ее 
перпендикулярно анодрасу. После того, 
как плоскость станет ровной, настанет 
пора нажимать на Slice. В местах пере- 
сечения плоскости с гранями сетки об- 
разуются новые вершины. Удалим все 
полигоны из левой (или правой) недо- 
деланной половины. Выбрав редакти- 
рование на уровне полигонов, выделим 
все полигоны, находящиеся по одну 
сторону, нажмем на клавиатуре 
“Delete”, утвердительно ответим на 
вопрос: “Delete isolated vertices?". Иног- 
ga попадаются очень маленькие поли- 
гоны, которые не так просто заметить, 
поэтому после удаления стоит еще раз 
пробежаться глазами вдоль шва и уда- 


Превращение половины в модель 


ХАКЕРСПЕЦ 


01(50) | 2005 


Во тот, что получилось в результате у меня. Уверен, что у тебя будет лучше 


Единственная допустимая изюминка - капли 
крови на концах клыков, которые обеспечат 
MOHCTPY имидж истинно адского существа. 


лить лишние полигоны, которые до это- 
го оставались незамеченными. 

Настало время отразить половинку 
относительно оси. В этом нам помо- 
жет инструмент Mirror Selected Objects 
(он Ha панели инструментов). В его 
свойствах лучше выбрать Сору, что- 
бы лишний раз не возиться с копиро- 
ванием. Образовавшуюся вторую по- 
ловинку требуется выровнять относи- 
тельно первой, чтобы они точно сов- 
падали и образовывали полную вер- 
сию монстра (используем инструмент 
Align с параметрами Minimum - 
Махитит или наоборот). Если после 
выравнивания остается видной не- 
большая полоска пустоты по центру 
существа, значит ты забыл удалить 
какие-то полигоны или случайно нем- 
ного повернул демона. И, наконец, 
последний шаг - объединить две по- 
ловинки в готовый объект. Выбрав 
любую половинку, нажмем кнопку 
Attach на закладке Modify и щелкнем 
по второй. При этом у модели в месте 
соединения появятся лишние двой- 
ные вершины, от которых можно из- 
бавиться следующим образом: выде- 
лить все вершины, выбрав редактиро- 
вание на этом уровне, нажав Selected 
(Weld) и поставив очень маленькое 
значение, например, 0,01. Все верши- 
ны, находящиеся на минимальном 
расстоянии, автоматически создадут 
единое целое. Если все сделать акку- 
ратно, то место соединения будет со- 
вершенно незаметным. 

Остается последний штрих, вернее 
даже не штрих, а так - косметическая 
правка. Внимательно осмотрим мо- 
дель и поправим вершины в неудач- 
ных местах. Если go этого все было 
сделано внимательно, то таких мест 
должно быть всего несколько. 


ТЕКСТУРА 

В случае демона с текстурой мож- 
но особо не заморачиваться: шкура у 
него практически однотонная, поэто- 
му даже одноцветный материал впол- 


не сойдет, только не нужно задавать 
никакого блеска и глянцевости, чтобы 
он не стал похож на куклу Барби. Ес- 
ли один цвет не устраивает, то можно 
найти или создать шкурку, например, 
динозавра (только обязательно крас- 
новатого цвета). Конечно, все это нам- 
ного проще сделать при помощи 
Photoshop или любого другого двух- 
мерного редактора. А метод проекции, 
как ни странно, на демоне лучше все- 
го смотрится UVW Мар - Вох. 

Для зубов подойдет однотонный ма- 
териал цвета слоновой кости. Един- 
ственная допустимая изюминка - кап- 
ли крови на концах клыков, которые 
обеспечат монстру имидж истинно 
адского существа. Но для этого при- 
дется отдельно создать соответству- 
ющую текстуру. 

На глаза я наложил оранжевый ма- 
териал с красным свечением, включив 
у материала опцию Self-Illumination и 
задав цвет, отличный от черного. Та- 
кие глаза будут очень интересно смот- 
реться в темноте или при слабом осве- 
щении. Ах да, забыл рассказать, как 
делать освещение. Самый простой ис- 
точник света - всенаправленный, кото- 
рый создается с помощью Create - 
Lights - Standard - Omni. После этого в 
окнах проекции появится пиктограм- 
ма, из которой будет изливаться свет. 
Чтобы отбрасывались тени, нужно 
включить опцию Shadows-On на зак- 
ладке Modify, а чтобы увеличить или 
уменьшить яркость - изменить значе- 
ние счетчика Multiplier unu цвет рядом 
со счетчиком. 


РАЗБОР ПОЛЕТОВ 

Чего плохого в нашем демоне кро- 
ме несоответствия нормам строгой 
морали :)? В нем слишком много поли- 
гонов, поэтому для импорта в игры он 
явно тяжеловат, да и править его в 
редактируемой сетке удовольствие не 
из приятных. Чтобы это исправить, 
придется оптимизировать модель, но 
это уже совсем другая история. ae 


ТОВАРЫ 


ЭКСКЛЮЗИВНАЯ КОЛЛЕКЦИЯ 
ОДЕЖДЫ И АКСЕССУАРОВ ОТ ЖУРНАЛОВ 
ХАКЕР И ХУЛИГАН 


% Футболки, % Кружки, * Часы 
> толстовки, зажигалки, и многое > 
куртки, брелки, другое 


бейсболки, 


ПОЛНЫЙ ОБЪЕМ 


ТРЕХМЕРНАЯ БИТВА ТИТАНОВ) 


оман Зеленцов (www.lexip.ru) модератор форумов LightWave3D.RU и Softimage.RU 


ТРЕХМЕРНАЯ 
БИТВА ТИТАНОВ _ 


LIGHTWAVE 3D - КОНКУРЕНТ 3D STUDIO MAX 


ы сравнивали две мощные программы He для Toro, чтобы ты выбрал одну из них для себя окончательно и 

бесповоротно. Хватает баталий на темы "что лучше - Макс или Майя" на форумах а-ля Рендер.ру. Подобные 
споры, к сожалению, чаще всего сводятся к не менее фундаментальной теме - "кого ты тут назвал дураком?". 
Попробуем поразмыслить над этой проблемой более объективно. 


опробуем сравнить "го- 


лые" пакеты не затра- 


гивая сторонние моду- 


ли и перечислить goc- 
тоинства и недостатки 
обоих пакетов (конкретно версии 305 
Мах 6 и LightWave 3D 8). 


ИНТЕРФЕЙС 

LightWave 3D знаменит благодаря 
своему разделенному интерфейсу, в 
котором моделирование объекта про- 
исходит в одной программе (Modeler), 
а настройка света, анимации и прочего 
- в другой (Layout). Это скорее плюс, 
чем минус. Плюс заключается в непе- 
регруженности интерфейса: пользова- 


Интерфейс LightWave 3D Modeler, моделирование объекта и 
его текстурирование 


Интерфейс LightWave 3D Layout, расстановка света, созда- 
ние анимации, текстурирование объекта, создание дополни- 
тельных эффектов 
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телю в процессе моделирования объ- 
екта не предлагается ничего, кроме 
инструментов моделирования, а нико- 
му сейчас не нужный набор для ани- 
мации сцены, настройки камеры, ис- 
точников света и т.д. исключен. Анало- 
гично в процессе настройки освеще- 
ния сцены в разделенном интерфейсе 
нет возможности случайно влезть в 
редактирование весовых карт или то- 
чек объекта. Данная система очень 
эорфективно работает, например, для 
двумониторной системы, в которой 
Modeler размещен в одном мониторе, 
a Layout - в другом. В результате полу- 
чаем фактически удвоенное рабочее 
пространство, в котором элемент, из- 
мененный в Modeler, автоматически 
обновляется и в Layout. 

Минусы здесь относятся скорее к OG- 
номониторным системам, в которых 
пользователю под конец начинает на- 
доедать метание между программами 
ради избавления от перегруженного 
интерфейса. Из минусов стоит отме- 
тить возникающие иногда большие 
проблемы при необходимости однов- 
ременно заниматься моделированием 
в Modeler и, например, совмещением и 
редактированием геометрии, которые 
бы учитывали положение камеры и 
реально отснятых объектов, настройка 
которых доступна только в Layout. Это 
минус, если у тебя один монитор. 

Плюсы 30$ Мах вытекают из недос- 
татков LightWave 3D. Собранный интер- 
фейс позволяет не думать ни о втором 
мониторе, ни о загрузке двух программ 
одновременно. Стоит упомянуть архи- 
тектуры обеих программ. 305 Мах при 
старте загружает и проверяет наличие 
всех модулей, необходимых для рабо- 
ты. В результате время загрузки суще- 
ственно отличается от LightWave 3D. 
То же самое с объемом, занимаемым 
программами в оперативной памяти: 
архитектура LightWave 3D позволяет 
загружать только интерфейс, по мере 
необходимости подгружая и тут же 
выгружая все, когда работа с опреде- 
ленным инструментом будет законче- 
на. Как результат - загрузка LightWave 
3D за пару-тройку секунд и минуты 
ожидания загрузки 30$ Max. 


МОДЕЛИРОВАНИЕ 

Организация объектов в 30$ Мах 
стандартная, как и во всех пакетах. 
Есть объект, есть группы объектов, 
есть слои. Все хранится в одном сфай- 
ле. Особое внимание и недоумение 
вызывает LightWave 3D, использую- 
щий для организации элементов объ- 
екта только слои. Система разделен- 
ного интерфейса породила удиви- 
тельную организацию. Работа с объ- 
ектом в Modeler состоит из работы с 
его слоями, которые потом при пере- 
носе в Layout сохраняют оригиналь- 
ное название файла, но продолжают 
представлять собой отдельные объ- 
екты. Тем же способом можно вно- 
сить в сцену другие объекты, которые 
тоже будут независимыми. Таким об- 
разом, философия LightWave 3D в 
данном случае сводится к тому, что 
каждый объект моделируется и сох- 
раняется в отдельный тип файла, а 
затем загружается в сцену и там по- 
зиционируется. 

Отсутствие в LightWave 3D такого 
понятия, как история редактирования 
объекта, создает серьезные пробле- 
мы для его изучения. В 30$ Мах го- 
раздо удобнее реализована история 
создания и редактирования объекта. 
Здесь редактирование сплайна авто- 
матически обновляет всю последую- 
щую иерархию действий. Данная 
функция невозможна в LightWave 3D 
- для вышеперечисленных изменений 
приходится создавать объект заново. 

Работа со сплайнами гораздо удоб- 
нее в 305$ Мах. Здесь никаких побла- 
ek для LightWave 3D нет. Нет побла- 
жек и в реализации привязок. Та сла- 
бая привязка в LightWave 3D по точ- 
кам, которая существует, явно мерк- 
нет перед мощностью 30$ Мах. Но 
LightWave 3D очень силен в полиго- 
нальном подразделенном моделиро- 
вании, которое иногда называют саб- 
патчевым моделированием. Аналогии 
с 30$ Мах - модификатор 
MeshSmooth. Отличий в сглаживании 
геометрии нет, за исключением того, 
что на произвол 305 Мах брошены 
три режима сглаживания, подходя- 
щих оля решения различных задач. 


Инструментарий моделирования 
LightWave 3D к восьмой версии был 
существенно расширен. Но не обош- 
лось и без ложки дегтя. Львиная доля 
нововведений - просто купленные у 
сторонних разработчиков плагины. 
Искренне жаль пользователей, поку- 
павших плагины для работы в 
LightWave 3D 7 и ожидавших от вось- 
мерки существенных нововведений, 
но увидевших лишь старые до боли 
знакомые названия уже имеющихся у 
них инструментов. Это остается на со- 
вести разработчиков, потративших 
около двух лет, как оказалось, только 
на покупку уже имеющихся у пользо- 


Pee Bay ее a 
Интерфейс 3ds max 


вателя утилит. Тем He Me- 
нее полигональное моде- 
лирование в LightWave 
3D гораздо более мощ- 
ное, нежели в 30$ Мах. 
Некоторые фундамен- 
тальные элементы, кото- 
рые присутствуют как са- 
мо собой разумеющееся 
в LightWave 30, напрочь 
отсутствуют в 30$ Мах. 
Горячие клавиши 30$ 
Мах (которые, кстати, 
имеет смысл выучить 
пользователям обоих па- 
кетов) не освобождают от 
блуждания по меню, которое не уме- 
щается в высоту экрана и заставляет 
постоянно прокручивать его то вверх, 
то вниз. Тема вечного скроллинга для 
Мах'а актуальна по сей день. 

Отдельно стоит сказать, что в 
LightWave 3D понятие граней (edges) 
отсутствует как таковое и часто BBO- 
дит в ступор пользователей других па- 
кетов, решивших изучить новое моде- 
лирование. По большому счету многие 
функции по редактированию граней 
присутствуют в LightWave 3D, но все 
только на уровне работы с точками. 

В LightWave 3D Modeler при nepeme- 
щении элементов отсутствует курсор 


МНЕНИЕ ЭКСПЕРТА 


и указатель осей, что неудобно. То 
есть если в Мах'е все редактируемые 
элементы имеют один общий центр 
(pivot point) и указатель трех осей, от- 
носительно которых происходит де- 
формация выделенных элементов, то 
Modeler такого не умеет, и все переме- 
щения происходят с использованием 
стрелок или "на глазок". Стоит упомя- 
нуть то, что кроме привычного спосо- 
ба работы с выделением, при котором 
за центр деформаций принимают точ- 
ку вращения объекта, изменения мо- 
гут производиться и вокруг курсора. 

Стоит отметить моделирование на 
основе весовых карт в LightWave 3D и 
только в LightWave 3D. 

В 30$ Мах присутствует NURBS-moge- 
лирование. И хотя оно слабее реализо- 
вано, чем в сторонних программах, та- 
кой способ моделирования дает очень 
и очень хорошие результаты. Также 
наличие NURBS упрощает импорт и 
экспорт геометрии в другие программы. 


АНИМАЦИЯ 

Возможности редактирования 
сплайнов анимации, в принципе, 
сравнялись по мощности в обоих па- 
кетах. Плюсы и минусы есть в обоих, 
но основная идея GraphEditor в обоих 
пакетах работает "на ура". 

Наличие в 30$ Мах модуля 
Character Studio облегчает в несколь- 
ко раз работу с анимацией персона- 
жей. Более мощная работа с костями 
в LightWave 3D упрощает работу в 
ней же. К сожалению, оба пакета ус- 
тупают таким монстрам, как Мауа и 
XSI, которые предоставляют гораздо 
более мощный инструментарий по pa- 
боте со скиннингом и риггингом в 
персонажной анимации. 

Также ощутим недостаток 
LightWave 3D, связанный с упомяну- 
той историей деформаций. Если в 
305 Мах параметры объектов, лоф- 
тов и прочего в основном анимируе- 
мы, то отсутствие истории в 
LightWave 3D создает затруднения, 
например, при создании эффекта ру- 
кописного текста, когда след чернил 
представлен геометрией в виде тон- 
кой плоской трубочки, постепенно 
растущей по пути сплайна. Подобные 
эффекты в LightWave 3D создаются в 
Layout и фактически в анимации, раз 
они относятся к ней. Опять проблема 
двух программ - необходимость загру- 
жать Modeler при редактировании 
сплайна. 


ТЕКСТУРИРОВАНИЕ 

В 30$ Мах материал назначается 
для целого объекта. Если такой объ- 
ект составной, поможет id (номер) по- 
лигонов. В LightWave 3D материал мо- 
жет назначаться как на целый слой, 
так и на конкретный полигон. Здесь 
пользователю предлагается упро- 
щенный вариант, при котором не при- 
ходится думать об id. Есть и свои ми- 
нусы. Множество клонированных в 


Layout объектов также обладают ма- у» 


Полезные 


ссылки: 
www.render.ru, 
www.light- 
wave3d.ru. 


Глупо сравни- 
вать мощные 
пакеты в лоб. 
Надо всегда 
сравнивать их 
в отношении 
конкретной за- 
дачи. Иначе 
это сравнение 
будет без на- 
чала и конца. 


ТРЕХМЕРНАЯ БИТВА ТИТАНОВ ) 


LightWave 3D GraphEditor 


B LightWave 3D 
при перемеще- 
нии выделен- 
ных точек ука- 
зателя осей 
нет. Приходит- 
ся позициони- 
ровать элемен- 
ты или "на 
глазок", или с 
использовани- 
ем клавиатур- 
ных стрелок. 


териалом предка (невозможно назна- 

чить свой уникальный). Какой из опи- 

санных выше методов удобней для те- 
бя - решай сам. 

В LightWave 3D хуже реализованы 
габаритные контейнеры, демонстриру- 
ющие размеры и форму наложения 
текстуры на объект. В 30$ Мах это ре- 
ализовано более наглядно и грамот- 
но. Поэтому позиционировать проек- 
ции текстур гораздо легче. 

Помимо стандартного (как в 30$ 
Мах) режима выбора цвета для пове- 
рхности, в LightWave 3D можно наст- 
роить цвет по HSV-cxeme, по цвето- 
вым долинам волн и относительно тем- 
пературы по Кельвину. 

До сих пор огорчает редактор мате- 
риалов в 30$ Мах'е. Как достаточно 
замороченной реализацией многос- 
лойности, так и недоделанными клю- 
чевыми материалами отражения и 
преломления. Неимовер- 
ная медлительность ле- 
чится только заменой на 
альтернативные материа- 
лы, например \/гау геп- 
der'a. 

"Замороченная реали- 
зация многослойности" в 
Мах'е не случайна. В ре- 
дакторе текстур 
LightWave 3D присутству- 
ет обычная многослой- 
ность текстуры, какую 
можно встретить в таких 
программах, как Соге! 
Photopaint или Adobe 
Photoshop, в которых пос- 
ледовательно сверху 
вниз располагается на- 
бор текстур с различным 
режимом наложения. 
Трудно представить себе, 
сколько телодвижений 
нужно совершить, чтобы 
создать несколько слоев 
в Мах'овском редакторе, 


ХАКЕРФПЕЦ 


а насколько просто это делается в 
LW. 

По работе с процедурными градиен- 
тами Мах постепенно подтягивается к 
Lightwave. К сожалению, отсутствуют 
шейдеры, улучшающие внешний вид 
поверхности. Например, создание ин- 
терференции, поверхностей воска, 
жемчуга или бархата одним щелчком 
мышки затруднительно в 30$ Мах. 

Минусом 30$ Мах также можно наз- 
вать ограничение в 100% значений в 
редакторе текстур, а в LightWave 3D 
можно вводить любые значения. Зна- 
чения от 0 go 100% действуют как 
прозрачность данной текстуры отно- 
сительно основного цвета, от O go 
100% действуют как вычитание цвет- 
ности, от 100 и более - как умножение. 
Такими казалось бы простыми спосо- 
бами достигается очень интересный 
вид поверхности. Да, многие парамет- 
ры 30$ Мах могут быть больше 100%, 
но, как правило, не те, что действи- 
тельно нужны, и не более 999%, что 
в редких случаях, но все же бывает 
достаточно. 

Также в LightWave 3D добавлены 
элементы физики освещения, в кото- 
рых параметры диффузии отделены 
от текстуры диффузии. С учетом 
влияния на численное значение 
диффузии в реальном мире регули- 
руется процент отраженного от пове- 
рхности света, но никак не на интен- 
сивность самой текстуры. В 30$ Мах, 
к сожалению, числовые значения 
диффузии действуют на прозрач- 
ность текстуры, что неправильно. 

Очень раздражающая особенность 
30$ Мах - поиск текстур. Если варуг в 
сцене присутствует текстура, которой 
больше нет или которая была переме- 
щена в другое место, программа будет 
мучительно по полчаса искать ее, 
вместо того чтобы спросить тебя об 
этом недоразумении. В LightWave 3D 
все проще. Как только текстура не бу- 
дет найдена, программа сразу доложит 
06 этом и попросит ее найти. Лечится 
эта проблема обычной спланирован- 
ной организацией рабочего процесса. 

Работа с /\-картами в обоих пакетах 
реализована на среднем уровне. Вез- 
де есть минусы. О плюсах, к сожале- 
нию, говорить не приходится. Един- 
ственное, что стоит упомянуть - воз- 
MOMHOCTb LightWave 3D вводить чис- 
ловые значения при работе с картой и 
более полный набор инструментов 
для корректировки. Пользователям 
305$ Мах'а приходится делать все на 
"глазок". 


ОСВЕЩЕНИЕ И РЕНДЕРИНГ 

m После внедрения Radiosity и 
Mental Ray в стандартную поставку 
305$ Мах стало возможно улучшение 
в этом пакете ситуации с рендерин- 
гом, которая до этого была просто 
критической. Медленные трассиро- 
вочные тени, медленный просчет от- 
ражений и преломлений, отсутствие 
всеми любимой "глобалки" оставляли 


Мах далеко позади. А рендеринг в 
LightWave 3D был более быстрым, 
честным и чистым. К сожалению, 
встроенный модуль расчета глобаль- 
ного освещения в пакете очень Meg- 
ленный, давно не обновлялся и не вы- 
держивает конкуренции в скорости. 
Многие придуманные ухищрения, к 
сожалению, не гарантируют хорошего 
результата на выходе и в большин- 
стве случаев не годятся. С выходом 
плагина ЕРите для рендеринга ситуа- 
ция в LightWave 3D заметно улучши- 
лась, и хоть время просчетов и боль- 
ше в несколько раз по сравнению с 
Vray рендером под 30$ Мах, в этой 
области произошел серьезный про- 
рыв. Рендер Мега! Кау тесно интегри- 
рован почти во все лидирующие па- 
кеты трехмерной грасфики, в том чис- 
леив 305 Мах. В последнем присут- 
ствует внутренний модуль Radiosity. 
Но все равно очень печально наблю- 
дать явное отставание LightWave 3D. 

Для оправдания есть очень веский 
аргумент. На данный момент мощ- 
ность компьютеров недостаточна для 
просчетов анимации, использующей 
глобальное освещение, и подобная 
практика пока носит частный харак- 
тер. Поэтому эта тема актуальна в ос- 
новном для интерьерных визуализа- 
ций, для которых 305 Max - явный ли- 
дер. В других областях, где глобаль- 
ное освещение не используется, 
пальма первенства переходит в руки 
других пакетов, в том числе 
LightWave 3D. 

Наличие широкого ассортимента ре- 
жимов сглаживания изображения 
(antialiasing) позволяет применять за- 
ранее заготовленные настройки в 
различных сферах: от запекания текс- 
тур для игр до сглаживания кинема- 
тоградического изображения. В 
LightWave 3D представлен немного 
другой подход к сглаживанию, более 
консервативный. 


АТМОСФЕРНЫЕ ЭФФЕКТЫ, 
ЭФФЕКТЫ ОГНЯ И ДЫМА 

m Удивление вызывает беззабот- 
ность разработчиков 30$ Мах в этом 
отношении. Никаких существенных 
изменений в алгоритмах работы с ды- 
мом и огнем (начиная с третьей вер- 
сии программы) сделано не было. 
Достаточно взглянуть на изображе- 
ния, чтобы понять, что, к сожалению, 
разработчики из Discreet переложили 
работу с этим на чужие плечи, и для 
LightWave в этом отношении Макс не 
конкурент. Также стоит отметить 90с- 
таточно специфическую, но тем не 
менее эффективно работающую сис- 
тему воссоздания атмосферных эф- 
фектов в LightWave 3D. Кроме более- 
менее правильной модели атмосоре- 
ры, здесь присутствует свой генера- 
тор облаков - кучевых, перистых и так 
называемых следов реактивных дви- 
гателей. Если добавление последнего 
весьма сомнительно, то первые два 
при грамотном использовании дают 


весьма и весьма впечатляющие и gu- 
намически изменяемые результаты. 
Модуль HyperVoxels также вне KOH- 
куренции. Дымовые эффекты и эф- 
секты пламени, создаваемые в нем, 
выглядят вполне взрослыми. И если 
они не могут стать достойными сопер- 
никами для аналогичных функций в 
Maya или XSI, то с легкостью делают 
родные инструменты 30$ Мах. 


ЧАСТИЦЫ 

К сожалению, оба пакета предос- 
тавляют средние возможности в отно- 
шении работы с частицами. Лидера 
здесь нет, и после такого могут быть 
только тоскливые взгляды в сторону 
Maya и XSI, не более. 


СИМУЛЯЦИИ ЖЕСТКИХ 
И МЯГКИХ ТЕЛ 

Четвертая и более взрослые вер- 
сии 305 Мах'е имеют на борту пакет 
по симуляциям жестких, мягких и жид- 
ких тел - Reactor, который мощнее 
LightWave 3D. Если в каких-то нюан- 
сах первенство "плавающее", то в об- 
щем зачете LightWave 3D проигрыва- 
ет. Даже несмотря на то, что работа с 
динамикой в нем интуитивно более 
понятна. 


СТАБИЛЬНОСТЬ 

К сожалению, оба участника со- 
ревнований проигрывают. Всевоз- 
можные системные ошибки, вылетаю- 
щие на ровном месте, доводят go бе- 
лого каления пользователей обоих 
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Редактор текстур LightWave 3D 


пакетов. Неимоверное количество 
всевозможных плагинов для 30$ Мах 
часто дестабилизируют общую рабо- 
ту программы. Также недостаточная 
согласованность действий LightWave 
30 с операционной системой, в том 
числе работа с драйверами OpenGL 
или оперативной памятью, затрудня- 
ет работу с большим объемом ин- 
cpopmaumun. 


выводы 

Вывод... Неравной битвы не полу- 
чилось. Как видно, пакеты представ- 
ляют собой отличные инструменты 
каждый в своих областях, но на паль- 
му первенства при общем сравнении 
претендовать не могут. У каждого па- 
кета есть сильные и слабые стороны. 
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Панель настройки эффектов огня в LightWave 3D (модуль Hyper Voxels) 


Панель настройки эффектов огня в 30$ Мах 
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Пользователю предоставляется пра- 
во выбора уровня удобства, ассорти- 
мента инструментов и проблемных 
элементов. Как уже говорилось, оба 
пакета трехмерной графики на сегод- 
няшний день, если рассматривать их 
в общем, явно сдают перед мощностя- 
ми AW Maya и Softimage|XSI. 

Забавна и неясна логика издателей 
литературы, в том числе переводной, 
по этим программам. Количество попы- 
ток написать или издать хорошую кни- 
гу по 30$ Мах превышает все допусти- 
мые нормы, но на качестве это не ска- 
зывается положительно. Также неизве- 
стны причины игнорирования велико- 
лепных изданий no LightWave 3D, вы- 
шедших на западе, но по каким-то при- 
чинам не замеченных в России. В итоге 
литературы об этом гиганте почти нет. 

Если ты занимаешься интерьерными 
визуализациями, если тебе необходи- 
мо иметь под рукой массу объектов, 
которые оперативно изменяются в ра- 
зумное время, если тебе нужен быст- 
рый просчет глобального освещения, 
более тесная интеграция в студийные 
pipeline, если нужна обширная и дос- 
тупная документация по продукту, то 
твой выбор на стороне 30$ Мах. 

Если же твоя работа связана с пер- 
сонажным моделированием, с полиго- 
нальным моделированием сложных 
объектов, если ты хочешь быстроты и 
непритязательности от программы, бо- 
гатого набора инструментов для соз- 
дания ффотореалистичных материалов, 
элементов окружающей среды и если 
ты работаешь с анимацией, не Npegyc- 
матривающей использование гло- 
бального освещения, то программа 
LightWave 3D как нельзя лучше подхо- 
дит для решения твоих задач. 


Работа с Ц\-текстурой в LightWave 3D 


3DS Max выго- 


ден при onepa- 
тивной работе со 
множеством 
объектов и при 
необходимости 
просчета гло- 
бального осве- 
щения. Доку- 
ментации - горы. 


Александр Шарахов младший (sSharahov@ 
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ИЗУЧЕНИЕ ВОЗМОЖНОСТЕЙ SWIFT 3D НА ПРАКТИКЕ 


С 


оздание качественного шоу - задача, выполнение которой, как правило, доверяют профессионалам. Тем, кто 
работает над анимационными проектами для фирм, названия которых постоянно мелькают в интернете и на экране 
телевизора. Они владеют программами, цены на которые достигают десятков тысяч долларов. Они гуру и Боги. 


Однако, как говорит- 


ся, не боги горшки об- 


жигают. Представим, 


что нужно создать нес- 


ложное шоу-презента- 
цию (возможно, ее отдельные части 
потом придется вставить на корпора- 
тивный сайт компании). Что делать? 
Предлагаю такой выход - старый go6- 
рый Flash и немного трехмерного мо- 
делирования (доверь изготовление 
двухмерных картинок программе ;)). 


ВЫЕЗД НА ЦЕЛИНУ 

и В этой статье мы расскажем о 
программе Swift 3D компании Electric 
Rain. Сама программа доступна поль- 
зователю как автономное приложе- 
ние (в настоящее время последняя 
версия - четвертая), так и в виде подк- 
лючаемых плагинов для 30$ Мах и 
LightWave 3D. Программа легка в ос- 
воении и позволяет буквально за 
несколько минут смоделировать дос- 
таточно сложные конструкции или из- 
менить импортированные из других 
приложений. Новая версия програм- 
мы осчастливила нас следующими по- 
лезными нововведениями: дополни- 
тельный встроенный 3D-pegakTop, 
инструменты аля создания траекто- 
рий движения, возможность импорта 
моделей с текстурами из других при- 
ложений (главное сохранять их в 
cpopmate 30$ Мах, поддерживаемом 
программой), готовые схемы освеще- 
ния, интернет-помощник и поддержка 
аппаратного ускорения для ускорения 
рендеринга сцен. Поддерживаемые 
программой форматы смотри на врез- 
ке "Кратко о возможностях програм- 
мы Swift 3D 4". Нельзя не упомянуть и 
про особую интеграцию Swift 3D и 
Macromedia Flash МХ. Во время уста- 
новки программы добавится плагин 
(не забудь при установке выбрать 
пункт "Установить Swift 3D SWFT им- 
портер"), позволяющий импортиро- 
вать 5\/ЕТ-файлы. Этот формат для 
экспорта векторных изображений - 
пришелец аж из третьей версии прог- 
раммы, но имеющий дополнительные 
возможности. В их числе - разделение 
объектов и эффектов Ha слои, проз- 
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рачность и прямой импорт в библио- 
теку. К сожалению, для пятой версии 
Flash’a плагина со SWFT нет, поэтому 
для совместимости на диск выложен 
рендеринг сцены в стандартном ‹фор- 
мате .Swft. 


НА ПЕРВЫЙ ВЗГЛЯД 

и Чтобы убедиться в эфофектив- 
ности этой программы, давай рас- 
смотрим конкретный пример. Поеха- 
nu. Запускаем Swift 3D. Открывается 
пустая сцена. Обратил внимание, что 
в левом верхнем углу программы 
есть окно с загадочными словами 
Layout, Camera, Enviropment? При 
помощи этого окна мы можем наст- 
роить цвет фона, размер сцены (от 
него пропорционально зависит раз- 
мер файла), качество отображаемого 
объекта и фокус камеры. Справа от 
него находится временная шкала 
для анимации, под ней счетчик час- 
тоты кадров, которую тоже можно 
изменять. Конечно, копаясь в этих 
опциях, можно узнать еще много но- 
вого и интересного, но это вполне 
доступно для самостоятельного изу- 
чения, так что не будем терять время 
на доскональное изучение настроек 
и пойдем дальше. Нам нужен образ, 


с которым мы будем работать. В ка- 
честве такового возьмем вазочку с 
четырьмя шариками мороженого. 


ЗАСУЧИМ РУКАВА 

m Вазочку для мороженого будем 
создавать методом вращения продфи- 
ля будущей модели вокруг вертикаль- 
ной оси симметрии. Для этой цели 
воспользуемся закладкой Lathe 
Editor. Нарисуем ломаную линию Ta- 
ким образом, чтобы ее срорма прибли- 
зительно напоминала половинку ва- 
зочки. Выбираем инструмент Ада 
Point Tool (карандашик для рисования 
кривых Безье) и трудимся :). Если сей- 
час переключиться в Scene Editor, то 
объект, который мы получим, будет 
иметь слишком угловатые грани, поэ- 
тому его дформу необходимо nepege- 
лать избавившись от острых углов. 
Перед началом выполнения операции 
редактирования узлы должны быть 
выделены. Для этого предусмотрен 
инструмент Shape Tool (стрелка). Вы- 
деляем по очереди каждую точку, при 
помощи инструмента Curve Point ок- 
ругляем углы и очертания предмета. 
По идее можно воспользоваться для 
этой цели Tangent Point, которым 
пользоваться сложнее. Различие 


—— 


Shi ЧЕ 1 = 


между ними в следующем. В первом 
случае у выделенного узла появятся 
две направляющие с разных сторон. 
Они взаимосвязаны: при повороте од- 
ной на определенный градус точно 
так же поворачивается вторая. Восп- 
ринимай их как одну линию - это наи- 
более простая аналогия. При ее пово- 
роте наша кривая тоже как бы обора- 
чивается, а внешний вид загогулины 
зависит от длины направляющей. 
Этот режим дизайнеры чаще всего ис- 
пользуют для создания плавных, об- 
текаемых Couryp. Во втором случае у 
точки появляются две независимые 
вспомогательные линии. Этот режим 
позволяет создавать действительно 
сложные формы, в том числе несим- 
метричные объекты. В итоге мы при- 
дем приблизительно к тому, что изоб- 
ражено на рис. 1. 

Теперь наша модель полностью го- 
това. Осталось положить в нее шари- 
ки мороженого. В Scene Editor нажи- 
маем на кнопку Create Sphere и полу- 
чаем то, что изображено на рис. 2. 

Чересчур большой размер легко 
исправить - не снимая выделения со 
сферы, в поле Radius вводим 015 и 


Рис.2 Странно вставилось!? 


нажимаем <Enter>. Ниже, в левом Me- 
ню подсвеченной в настоящий мо- 
мент закладки Sphere находится не 
менее интересная - Object. Щелкнем 
на нее мышкой и в поле Мате напи- 
шем более осмысленное название, 
например, "sharik_morogenogo_1". 


Рис. 3. Вкусная картинка 
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Точно так же можно изменить имя на- 
шей подставки на "podstavka-moroge- 
noe". Ты уже, наверное, заметил в 
верхнем правом углу программы 
окошко Scene Hierarchy, в котором 
можно создавать связи предок-пото- 
мок - это хороший способ сохранять 
организацию объектов. Сделав nogc- 
тавку "родителем" шарика морожено- 
го, мы достигнем того, что при переме- 
щении подставки ее содержимое бу- 
дет лежать на своем месте как прик- 
леенное. Для образования этой связи 
достаточно перетащить мышкой 
"sharik_morogenogo_1" Ha "podstavka- 
morogenoe". Выбери подставку (она 
подсветится обрамляющим паралле- 
лепипедом) и переходи на закладку 
Advanced Modeler. Щелкнем мышкой 
на шарик мороженого. Появились 
маркеры перемещения объекта, имею- 
щие вид стрелок: зеленая указывает 
вверх, красная - слева направо, синяя 
(которую не видно в окне вида спере- 
ди) - в глубину. После перемещения 
этих стрелок мороженое занимает 
свое место. Создай еще пару шариков 
(мороженого должно быть много!) и 
размести их с учетом того, что всего 
там будут находиться четыре кругля- 
ша (три обычных и один тающий). 


СВЕТ, КАМЕРА, 
МОТОР - ПОЕХАЛИ! 

Считается, что половина работы 
по созданию сцены - в удачном раз- 
мещении камеры. Их дополнительное 
добавление очень полезно в таких 
анимациях, где все происходящее 
должно быть видно под разными уг- 
лами. При перемещении камер можно 
добиться довольно интересных кад- 
ров. Нажав на кнопку Create Target 
Camera, ты достигнешь желаемого. 
Перемещение камеры (выбрать ее 
можно нажав на название камеры и 
выбрав Target Сатега01) осуществля- 
ется при помощи манипуляций мыш- 
кой при нажатой клавише <Alt>. Уста- 
новим камеру так, чтобы она смотрела 
на наше произведение под неболь- 


шим углом сверху (чтобы было видно у» 


Ha CD лежит 
рендеринг сце- 
ны "хакег- 
morogenoe- 
plus-stol.swf" 
и ее исходник 
"хакег- 
morogenoe- 
plus-stol.t3d". 
Для обсчета 
сцены тебе по- 
надобится 
программа 
Swift 3D 4. 


Скачать шаро- 
варную версию 
пока невоз- 
можно, поэто- 
му достать 
программу за- 
конным путем 
будет сложно. 


С помощью 
Swift можно 
создавать 
стандартные 
примитивы 
(куб, пирами- 
да, шар...), а 
другие объек- 
ты - методом 
выдавливания 
(extrusion). 


B Swift 3D uc- 
пользуется 
движок ВАМХ 
Ill, который 
позволяет при- 
менять к 3D- 
моделям такие 
эффекты, как 
прозрачность, 
отражение, 
расплывча- 
тость, тени. 


ЗО-МОРОЖЕНОЕ VI FLASH_) 


содержимое) и перейдем к следующе- 
му разделу. 


ЖИЗНЬ - ЭТО ДВИЖЕНИЕ 

м В Swift может быть анимировано 
почти все, поэтому очень важно пла- 
нировать проекты: своевременная ин- 
формированность о том, что планиру- 
ется создать, поможет принять реше- 
ние о том, как это сделать. Анимация 
в программе происходит при помощи 
создания ключевых кадров - действий 
по установке атрибутов трехмерной 
модели, привязанных к определенно- 
му времени. Если необходимо, чтобы 
какая-либо часть анимируемого объ- 
екта переместилась из одной точки 
пространства в другую, то нужно за- 
дать ключевые кадры, чтобы можно 
было сказать компьютеру: "Возьми 
этот кусочек и перенеси вот сюда". 
Процесс таяния шарика мороженого 
можно упрощенно представить как 
давление на него приложенной свер- 
ху силы. Другими словами, сначала 
опускаются его верхние точки, потом 
средние, и так - до тех пор, пока он не 
превратится в лужицу. Шарик, как и 
вазочку, будем создавать в Lathe 
Editor. Для этого нам понадобится 
всего три точки: нижняя (0,0,0), сред- 
няя (D,D/2,0) и вершина (0,D,0), где D - 
диаметр шарика, который ты опреде- 
ляешь сам (главное, контролируй его 
размер в Advanced Modeler или в 
Scene Editor, чтобы OH не выделялся 
среди остальных). И вот, когда ты на- 
конец создашь шарик подходящего 
размера, смело переходи к самому 
важному - его "расплющиванию" :). 
Для этого жми кнопку Animate, щел- 
Kal мышкой на линейке кадров в 80-й 
фрейм и протягивай самую верхнюю 
и среднюю точки нашей фигуры вниз. 

Сделано? Теперь отпусти кнопку 
Animate и переходи в редактор сцен. 
Нажав на кнопку Play Animation (nog 
временной шкалой с кадрами иконка 
с правой стрелкой), увидишь, как 
опускается и уменьшается в объеме 
шарик. Выберем первый кадр анима- 


Ш www.swift3d.com - официальный сайт 

Ш www.erain.com/downloads/trials - тут можно скачать пробную 
версию программы (на момент написания статьи ссылка неактивна 
и предлагается возврат денег в З0-дневный срок, если программа 


не понравится) 


eater" 


Цветное мороженое вкуснее, правда? 


ции и положим мороженое на его за- 
конное место - между тремя другими 
более стойкими к температуре. На 
этом этапе для большей достовер- 
ности можно добавить стол (напри- 
мер, из библиотеки, просто перета- 
щив его мышкой в рабочее окно или 
создав самостоятельно в Lathe 
Editor). Если габариты вазочки и сто- 
ла будут сильно различаться, вос- 
пользуемся инструментом Scaling 
Mode, который расположен в верхней 
части программы. 


ДОБАВИМ РЕАЛИЗМА 
и Что ж, самое время заняться ма- 
териалами, поскольку лично мне 


Рис. 4. Мороженое должно таять. Это закон 
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ты ша 


уже изрядно надоел этот серый 
цвет-по-умолчанию. Каждую мо- 
дельку легко раскрасить и сделать 
уникальной назначив ей материал. 
Схватим понравившийся и перета- 
щим в окно просмотра на конструк- 
цию. Если ни один материал тебе не 
понравится, двигайся в Setup- 
>Materials... и создавай свой. Матери- 
алы, которые я назначил подставке 
и мороженому, можно найти в биб- 
лиотеке материалов. 

Итак, будем надеяться, что наша 
сцена теперь выглядит достойно и 
очень реалистично. Осталось самое 
сложное - создать финальную анима- 
цию, пригодную для испытаний на жи- 
вых людях. Переходим к последнему и 
очень важному шагу - экспорту. 


ПОСЛЕДНИЙ РЫВОК - 
ОН ТРУДНЫЙ САМЫЙ! 

и Выбираем Target Camera0l и из- 
меняем значение Lens Length в груп- 
пе Camera go тех пор, пока в кадре не 
останутся вазочка с мороженым и 
примерно половина стола. Теперь мы 
готовы к экспорту анимации. Перехо- 
дим на закладку Preview and Export 
Editor. Сейчас нам нужно принять 
важное решение. В каком формате 
лучше рендерить сцену? Какие есть 
преимущества у векторного и растро- 
вого представления объектов во 
На$П-анимации? Несмотря на то, что 
Flash - это технология, основой кото- 
рой являются векторные рисунки, 
векторные рендеринги не всегда луч- 
ше, чем растровые. Векторная графи- 
ка идеально подходит для тех случа- 


ев, когда фигура имеет только один 
цвет и простые очертания. Растровая 
- для изображений с качеством, близ- 
кому к качеству сротографий. 
Выбираем закладку Vector. Предс- 
тавленные здесь параметры влияют 
на способы обрисовки, заливки и дета- 
лизации нашей модели. Установив 
флажок Fill Options->Fill Object, получа- 
ем доступ к некоторым параметрам. 
Первый параметр именуется Cartoon 
Average Color Fill. Он заливает каждый 
полигон трехмерного объекта сплош- 
ным цветом. Не самый красивый вари- 
ант, поэтому в ниспадающем меню для 
сравнения предлагаю выбрать Агеа 
Gradient Shading - имитация освеще- 
ния при помощи градиентных заливок, 
или Mesh Gradient Shading - заливка 
каждого полигона своим собственным 
градиентом, что более точно имитиру- 
ет освещение модели, но существенно 
влияет на объем выходного сайла. 
Также можно для большей реалистич- 
ности включить флажки Include 
Specular Highligts (отображение бли- 
ков), Include Reflections (отражение) и 
Include Shadows (тени). Кроме заливки 
есть режим прорисовки линиями (Edge 
Options) для опции Include Edges (по- 
казывать края): параметр Outlines 
(прорисовываются только те линии, 
которые отображают контур объекта) 
и Entire Mesh (реальный каркас объек- 
та со всеми ребрами). Опции Include 
Detail Edges и Detail Edge Angle позво- 
ляют отображать линии, не являющи- 
еся контурами, а находящиеся как бы 
внутри контура и обозначающие от- 
дельные элементы и грани объекта. 
Detail Edge Angle управляет углом от- 
сечки ненужных граней. При мини- 
мальном значении отсечки нет, а при 


максимальном остается только контур. 
Чтобы понять, как работает эта опция, 
советую создать пустую сцену, доба- 
вить в нее примитив, например, Create 
Torus и посмотреть результат при зна- 
чениях в би 90 градусов. Детализа- 
цию (меню General->Detail Level) и уро- 
вень адаптации кривых (Curve Fitting) 
разработчики программы советуют не 
изменять, если размер выходного 
срайла приемлем. При крайне правом 
значении этого параметра (на отметке 
Curves) программа вместо последова- 
тельности прямых линий будет рисо- 
вать кривую, вследствие чего умень- 
шится размер анимации. Перед окон- 
чательным обсчетом сцены выбираем 
формат выходного файла .swf или 
Swft и, если не хочешь визуализиро- 
вать анимацию целиком, то выбирай 
определенный набор кадров. Выбира- 
ем закладку Raster. Тут доступных па- 
раметров намного меньше - тип полу- 
чаемого сфайла (если выберешь лю- 
бую другую опцию, кроме Flash Player 
(SWF), то в указанной папке полу- 
чишь последовательность графичес- 
ких файлов типа "название_‹файла- 
номер_с‹рейма.выбранное_то- 
бой_расширение"), степень сжатия 
изображения и качество сглажива- 
ния. Для сравнения я визуализовал 
анимацию в векторном и растровом 
видах. Для векторного я выбрал 
Mesh Gradient Shading с тенями, бли- 
ками и отражениями, без контуров и 
не изменяя остальных параметров 
(около 30-ти кадров занимают 6 Мб). 
Для растрового - оставил опции по 
умолчанию (около 60-ти кадров зани- 
мают почти 2 Мб). Растровый вариант 
рендеринга будет выложен на диск. 


Наслаждайся! 


При крайне правом значении этого параметра (на 
отметке Curves) программа вместо последова- 
тельности прямых линий будет рисовать кривую. 


Оно рендерится!!! 


взлететь 
ложно! 


ЧИТАЙ В ДЕКАБРЕ: 


UrPbI 
Need for Speed: 
Underground 2 
Разбиться нельзя 
Можно только взлететь 


Medal of Honor: Pacific 
Assault 

Янки против Камикадзе 
Кубок Тихоокеанского 
региона 


ПРАВДА ЖИЗНИ 
Утренний секс 
Заменяет 28 проверок почты 


СЕНСАЦИЯ 
Натуральная грудь 
в компьютерном журнале 


ЖЕЛЕЗО 
Лучший компьютер 
Тестируем три, побеждает 
один 


АМИ 


(game)land 


Сапоги - это наше лицо 
Дизайним интерфейс программы 


Баннерные проблемы 
Интервью с баннермейкером 


Защита графических 
изображений 
Чем защититься от кражи продукта 


Работа над чужими 
ошибками 
Сказ о том, как правильно макет 
сайта строить 


Real audio is not 
skinnable? 
Создаем поддержку скинов для 
своей программы 


Делаем меБ-магазин 
Практические занятия по 
сайтостроению 


САПОГИ - ЭТО НАШЕ ЛИЦО) 


Фленов Михаил (www.vr-online 


САПОГИ - ЭТО 


Я 


| 


m Начнем с дизайна самого 

окна, а точнее - с его формы. 

Главное окно может быть 
й | двух типов: одно- и многодо- 
кументным. Многодокументное окно может 
содержать внутри себя другие окна (дочер- 
ние), что происходит, например, во Flash МХ, 
Photoshop и старых версиях Office. Такой тип 
чаще всего выбирают для программ, которые 
работают с документами и в которых нужно 
одновременно открывать несколько файлов. 

Однодокументные окна чаще всего исполь- 
зуются для небольших утилит или в тех слу- 
чаях, когда программа не рассчитана на ра- 
боту с файлами или документами. 

Как украсить главное окно таких программ? 
В Windows есть функции только для прида- 
ния окну стандартной или произвольной 
формы. Но мы не можем изменить оборку ок- 
на, поэтому придется самостоятельно искать 
выход из этой ситуации. Самый простой ва- 
риант - разместить на ‹форме какую-то обор- 
ку типа Bevel или Panel в Delphi и придать en 
выпуклость. 

Я иногда рисую на форме по краям окна 
картинку, содержимое которой зависит от 
программы. Например, на оборке окна можно 
размножить черепа или узоры, но главное - 
использовать системные цвета (использо- 
вать константы CIBtnFace, clWhite и т.д.), а не 
указывать жесткие значения. Если юзер бу- 
дет наблюдать интерфейс, выполненный в 
цветовой гамме, отличающейся от заданной, 
то твои старания окажутся потраченными 
впустую и испортят общую картину. 

Содержимое картинок на краях зависит от 
общего стиля и назначения программы. При 
ее использовании можно вообще отключить 
отображение стандартной Windows-lWanku, а 
системные кнопки (<Свернуть», ‹Развернуть> 
и <Закрыть>) установить собственные. Кроме 
этого обеспечь возможность перетаскива- 
ния рисунка и изменения его размера в зави- 
симости от размера окна. 


КОНТЕНТ ОКНА 
m Окно программы обязательно должно 

содержать меню, а убирать его без особой 
надобности категорически не рекомендует- 
ся. Я видел программы, в которых меню от- 
сутствует - есть только панель с кнопками. В 
панели есть только стандартные кнопки со 
знакомыми символами создания, открытия и 


ХАКЕРСПЕЦ | 01(50) | 2005 


сохранения документа - и найти легко, и ис- 
пользовать удобно. А встретились уникаль- 
ные кнопки с невиданными раньше рисунка- 
ми - наводи на каждую указатель и жди 
подсказки. Это неудобно и скорее всего не 
обрадует твоих юзеров. При знакомстве с 
программой все пользуются сначала только 
меню, а к кнопкам привыкают только со вре- 
менем. 

Панель, содержащая основные команды 
(<Co3gaTb>, «Открыть», «Печать? и T.g.), долж- 
на быть расположена в верхней части окна. 
Нельзя располагать ее по краям или внизу. В 
качестве картинок лучше всего использо- 
вать стандартные - те, которые используются 
в таких программах, как MS Office или других 
программах от MS. Пользователи привыкли к 
ним и быстрее смогут привыкнуть к твоему 
интерорейсу. Если не умеешь рисовать, то 
обращайся к интернету, только не выбирай 
идиотские рисунки, по которым даже с де- 
шифратором не узнать о предназначении 
KHONOK. 


Il STYLE 

ш Если ты создаешь утилиту, в которой не 
нужен особый пользовательский интерфейс, 
а достаточно только нескольких пунктов ме- 
ню, то можно сделать окно в виде рисунка 
или даже анимации. По щелчку в этом окне 
можно заставить отображаться всплываю- 
щее меню, а при выборе каких-либо его 
пунктов - диалоговые окна. Именно так пос- 
тупили разработчики программы Magic 


| 
| 
Оборка в виде рисунка 


Gooddy, и их окно в виде животного 
(вроде бы гусь) понравилось пользо- 
вателям. 

Однако если все программисты бу- 
дут делать главные окна в виде ри- 
сунков животных, то вскоре монитор 
превратится в зоопарк и начнет разд- 
ражать. Для меня, например, неприят- 
но наличие более двух рисованных 
персонажей в интерфейсе, поэтому в 
программе должна быть возможность 
отключить окно-рисунок и отобразить 
вместо него красивую иконку в сис- 
темной области возле часов. 


МЕНЮ 

и Любой пользователь начинает 
знакомство с программой с рассмат- 
ривания окна и меню, чтобы узнать, 
какие команды имеются и какие из 
них чаще всего нужны. Если создать 
что-то в стиле Windows 9x, то не 
удастся произвести должного впечат- 
ления, хотя, как говорится, в таких 
случаях красота и удобство вступят в 
противостояние: стандартизирован- 
ный интерфейс (Windows, Microsoft 
Office и т.д.). Windows'kue окошки и 
кнопочки проверены временем, в них 
разберется даже слабоумный, а ори- 
гинальный интерфейс придется серь- 
езно продумать и испытать на знако- 
мых, чтобы он был прост, понятен и 
одновременно оригинален. 

Меню тоже можно осрормить на 
свой вкус. Благо и для Delphi, и для 
C++ есть спецклассы и компоненты, 
позволяющие создать менюшки лю- 
бой формы и вида. Программистам на 
Delphi советую обратить внимание Ha 
компонент CoolMenu. Он позволяет 
создавать меню, которые здоровому 
человеку и в страшном сне не прис- 
нятся :). Его единственный недостаток 
в том, что компонент платный. Но в 
сетях, похожих на срайлообменные, я 
видел исходники. 

Названия для пунктов меню должны 
быть короткими и понятными. Лучше 
всего если название пункта будет сос- 
тоять из одного или максимум двух 
слов. Название должно быть корот- 
ким и отражать суть предназначения 
элемента, а более подробное оставь 
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Окно главной программы в виде рисунка 
подойдет программе, которой не нужен 

сложный интерфейс. Пример - перевод- 
чик Magic Goody с окошком в виде гуся. 


для подсказок, о которых будем гово- 
рить позже. 

Не стоит выдумывать собственные 
названия для уже ставших стандарт- 
ными пунктов меню. Например, в 
большинстве программ есть Файл-> 
Создать. Используй именно эти наз- 
вания и не выдумывай что-то типа 
Файл-›Создать документ - и длиннее, 
и лишнее слово бесполезно. 


ДИАЛОГОВЫЕ ОКНА 

ш Для начала о форме диалогового 
окна. Конечно же, оно должно быть 
прямоугольным, а еще лучше вытяну- 
тым по горизонтали (ширина должна 
быть больше высоты). Люди привыкли 
смотреть на все в горизонтальной 
плоскости, да и разрешение на мони- 
торе по ширине больше, чем по длине. 

Единственное окно, которое может 
иметь высоту побольше - это окно, 
отображающее свойства чего-либо. 
Посмотрим на окно свойств файлов в 
системе. Оно вытянуто по вертикали, а 
по всему полю растянут компонент из 
одной или нескольких закладок. Внизу - 
кнопки <OK> и <Отмена>. 

В левом верхнем углу диалоговых 
окон лучше всего расположить краси- 
вую иконку на тему того, что должно 
отображаться в диалоговом окне или 
какое должно произойти действие. 

Справа от иконки лучше располо- 
жить текстовое описание. Цвет для 
этого текста желателен тот же, что и 
используемый аля рисования заго- 
ловка (это константа ClActiveCaption). 
В этом случае можно быть уверенным, 
что текст будет выделяться при любой 
цветовой схеме Windows и в большин- 
стве случаев выделение будет смот- 
реться хорошо (цвет заголовка выде- 
ляется, но при этом сочетается с цве- 
том внутренней области окна). 

Такое оформление подходит не 
только для Х-программ, но может при- 
украсить и любую классическую ути- 
литу со строгим интерфейсом. Наибо- 
лее одаренным дизайнерам можно 
попробовать поместить в качестве 
фона для диалогового окна какой-ни- 
будь рисунок. Но это уже не строгий 
дизайн. 

В диалогах можно помещать боль- 
шие картинки слева или сверху, как в 
"Мастерах" большинства Windows- 
программ. Это действительно эфорект- 
но, и я стал вставлять картинки вооб- 
ще во всех окнах, а не только в "Мас- 
терах". 


кнопки 

ш Тутнужно определится, о каких 
кнопках идет речь. Для начала пого- 
ворим о тех, что находятся на панели 
инструментов. Здесь должны быть 
только квадратные кнопки. Вернее, 
при наличии 1ВМ-совместимых рук 
можно попытаться создать что-то 
круглое, но не надо делать овалы или 
прямоугольники, потому что это неу- 
добно в использовании. 


На таких кнопках должен быть толь- 
ко рисунок или подпись в виде OgHO- 
го слова, максимум в виде двух 
(больше недопустимо). Подробные 
описания должны быть только в 
подсказках. Если ты решишь исполь- 
зовать текстовые подписи, то лучше 
размещать их под рисунком, чтобы 
кнопка осталась квадратной. Если 
текст расположить сбоку, то о квад- 
рате говорить не придется. 

Картинки для кнопок нужно выби- 
рать так, чтобы все они были выполне- 
ны в одной цветовой гамме и при этом 
как-то соответствовали смыслу коман- 
ды. Если пользователь не сможет дога- 
даться, для чего нужна кнопка, то он 
не будет ей пользоваться и смысл тво- 
его труда будет безнадежно утрачен :). 

Можно добиться очень интересного 
эффекта, если установить на панели 
рисунки маленького размера для 
кнопок, которые при наведении на 
них указателя мыши увеличивались 
бы в размере. Так работает панель 
задач в Mac OS X, а чем же простые 
смертные обладатели ХР'шек хуже? 

Теперь посмотрим на кнопки, кото- 
рые располагаются внутри окна. 
Здесь все наоборот: лучше не "тулти- 
пить" картинки, а воспользоваться 
надписями. Картинки могут присут- 
ствовать только в том случае, если 
кнопка имеет неправильную форму, 
иначе она окажется просто лишней и 
отнимет драгоценное место в окне. 
Картинки на кнопках <OK>, <OTMeHa> 
ИТ.0. - это уже некрасиво (а я так 
люблю галочки и крестики на них! - 
прим. Ог). 


ПОДСКАЗКИ 

и Внизу окна обязательно должна 
быть строка состояния, в которой 
пользователь видел бы текст подска- 
зок и узнавал о текущем состоянии. 
Допустим, программа может быть в 
двух состояниях: подключенной к базе 
данных и не подключенной. В качест- 
ве индикатора подключения может 
выступать какой-нибудь рисунок в лю- 
бом месте окна, но помимо этого дол- 
жен быть еще индикатор в строке сос- 
тояния. Недаром она носит это имя :). 

В качестве индикатора в строке сос- 
тояния лучше всего использовать ри- 
сунки. Появление новой надписи не 
так сильно бросается в глаза, и ее 
сложнее заметить пользователю. А 
появление новой картинки - и ра- 
дость, и информированность. 


COMPILE 

и Я постарался дать некоторые сове- 
ты по дизайнерскому мышлению исхо- 
дя из личного опыта программирова- 
ния. Возможно, что ты сможешь найти 
что-то более интересное и оригиналь- 
ное. Только я не устану повторять, что 
надо тестировать все, что пишешь. Ес- 
ли даже тебе неудобно пользоваться 
собственным творением, то ушастым 
юзерам будет еще неудобнее. Такая 
работа не нужна никому. 


БАННЕРНЫЕ ПРОБЛЕМЫ ) 


Каролик Андрей (andrusha@real.xakep.ru) 


БАННЕРНЫЕ 
ПРОБЛЕМЫ 


ИНТЕРВЬЮ С БАННЕРМЕЙКЕРОМ 


XS: Кто ты, где рабо- 


таешь, какие у тебя 


есть знаковые работы? 


ЮЮ:Яралова Юлия, 


| для своих - "ЮЮ". 
Вполне себе человек и в чем-то даже 
дизайнер. Работаю арт-директором в 
"Яндекс-Открытки". 


XS: Ты рисуешь только баннеры или 
совмещаешь эту работу с чем-то 
еще? Чем вообще занимаешься про- 
ффессионально? 

ЮЮ:Я профессиональный худож- 
ник-грасрик, дизайнер, верстальщик, 
веб-дизайнер и иногда проектиров- 
щик интерьеров. Стреляю с двух рук 
по-македонски. Рисую, верстаю, пишу, 
серсфлю в интернете и ленюсь. Свою 
работу иногда совмещаю с рисовани- 
ем баннеров. 


XS: Kak ты пришла к баннермейкер- 
ству? Кого можно считать баннермей- 
кером? 

ЮЮ:Наверное, таковыми можно 
считать всех, кто так или иначе зани- 
мается дизайном, сталкивается со 
следующим боевым кличем: "Слушай! 
А нарисуй нам баннер?!". Вот с этого 
самого "слушай" и начинается твое 
личное приключение в создании бан- 
неров. Именно так и началось мое 
приключение. И продолжается оно go 
сих пор :). Я не уверена, что можно 
выделить создателя баннеров в от- 
дельную профессию. По крайней ме- 
ре, мне не приходит в голову выде- 
лять "выдающихся" личностей в этой 
индустрии. Так или иначе, если ты 
веб-дизайнер, то обязательно столк- 
нешься с созданием баннеров. Себе, 
друзьям, заказчику. Конечно, сущест- 
вует определенная специфика такой 
работы, но, как говорится, это дело 
наживное. 


Х$: Можно пи сказать, что баннер- 
мейкерство - это отдельное направле- 
ние дизайна, со своей спецификой и 
своими нюансами? Или если ты уме- 
ешь рисовать, например, сайты или 
картины, то чтобы делать баннеры, 
много новых знаний не надо. 
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ЮЮ: Это то же самое, что разделять 
рисунки и иллюстрации: вроде бы это 
разные вещи, но они принадлежат к 
одному виду. Я бы сравнила "баннер- 
мейкерство" с созданием миниатюр. 
Кропотливая работа, которая получа- 
ется даже не со второго раза. Если ты 
художник-монументалист, сразу ска- 
My, что в этом деле тебе будет трудно, 
потому что баннер размером полтора 
на восемь метров нарисовать не да- 
дут. Если ты рисуешь сайты - ты бу- 
дешь в теме. Тебе будет легче понять, 
что требуется и как соответствовать 
этим требованиям. 


XS:B чем основные трудности бан- 
нермейкерства? Небольшие размеры, 
вес или что-то еще? Как решаются 
эти проблемы. 

ЮЮ: Твой первый заказ. Все так яс- 
но представилось тебе. Ты уже зна- 
ешь, что и как. И тут начинается... Сна- 
чала у тебя не влезает картинка, по- 
том категорически не влезает текст. 
Потом он влезает, но картинку не вид- 
но. Этих "потом" набегают толпы, а ты 
сидишь в полном ужасе, потому что 
сделать все надо было, как обычно, 
вчера :). Вскоре у тебя все начинает 
получаться, но весит твое творение 
столько, что веб-мастер хватается за 
голову и обещает оторвать руки и го- 
лову тому, кто сделал ЭТО. Через ка- 
кое-то время твои картинки перестают 
весить мегатонны, а шрифт влезает в 
любое место. Баннеры начинают смот- 
реться органично и привлекательно. 
Веб-мастер уже не требует твоей кро- 
ви, а клиенты довольны и счастливы. 
ПОЗДРАВЛЯЮ! 


XS: Расскажи побольше про процесс 
разработки баннера: что и как, почему 
и зачем, какие варианты и что выб- 
рать. Ведь не методом тыка делаются 
баннеры. 

ЮЮ; Звонит телефон или "мыло" 
пришло. Короче говоря, ты получа- 
ешь ЗАКАЗ. Обычно клиент оговари- 
вает, что он хочет увидеть, но иногда 
в задании указаны только тема, заго- 
ловок или название продукта, то есть 
что-то вводное. С этими вводными ты 


и начинаешь решение ребуса. Что 
должен содержать баннер? Текст? 
Изображение? Значки? Стрелочки? 
Многое зависит от вводных. Ассоциа- 
ции укажут направление работы. Бу- 
дет ли это серьезная работа или бан- 
Hep, построенный на анекдоте, - это 
решать тебе. Кстати, иногда баннеры 
делаются методом тыка и по принци- 
пу "а вдруг прокатит?!" :). 


Х$: Любой баннер - это прежде все- 
го креатив. Но цель как таковая - не 
креатив, а СТК. Креатив страдает? Как 
не потерять креативность и повысить 
CTR? Есть ли собственные рецепты 
того, как соблюсти эту тонкую грань и 
не впадать из крайности в крайность? 

ЮЮ:Рецепт один - подогнать креа- 
тив под СТК. Иначе нам удачи не ви- 
дать. Бывает обидно, конечно, когда 
ты придумал супер-креативный бан- 
нер, а все в пустую. А соседний жал- 
кий уродец собирает и собирает кли- 
ки. Что могу посоветовать? Смотри 
на конкурентов и изобретай свои 
подходы. 


XS: Сейчас столько всевозможных 
форматов баннеров, что легко запу- 
таться в них. Помоги разобраться, 
есть ли какая-то классификация ‹фор- 
матов. Или получить представление о 


видах баннеров можно только стихий- 
но? Расскажи, какие сдрорматы суще- 
ствуют. Какие сформаты более попу- 
лярны и почему? 

ЮЮ: Конечно, стандарты существу- 
ют. Размеры баннеров: 468х60 pix, 
100x100 pix, 88x31 pix, 234х60 pix, 
200x300 pix и!20х600 pix. Самые 
распространенные: 468x60 и 100x100. 
Эти баннеры ты видишь и в HOBOCT- 
ных лентах, и на частных сайтах. Стан- 
дартные размеры часто используются 
для решения стандартных задач: но- 


вости, реклама сайта, "не проходите 
МИМО". 


Rich-6aHHep - появляющийся в проз- 
рачном слое поверх контента сайта, 


же пользовательское "закрыть бан- 
нер" все равно можно считать доста- 
точно эффективным контактом. Фор- 
мат дает большой простор для креа- 
тива. Очень хорошо подходит для 
адаптации осрлайновой рекламы к ин- 
тернету. Не привязан к конкретному 
рекламному месту. Сильно раздража- 
ет пользователей Сети, так как всегда 
появляется там, где не надо, и в са- 
мый неподходящий момент :). 


Х$:В рекламе на TV и в прессе иног- 
да применяется интересный подход - 
недосказанность с продолжением. 
Сегодня тебе показали штаны, а завт- 
ра рассказали, зачем их показали и 
что вообще рекламировали. Практи- 
куется ли подобное в баннерной рек- 
ламе? Или в баннермейкерстве всег- 
да лобовые рекламные акции "без 
продолжения"? 

ЮЮ: Такие рекламные серии суще- 
ствуют и в интернете. Рекламная кам- 
пания "МТС-Джинс" служит тому наг- 
лядным примером. Другое дело, что в 
интернете это не так распространено, 
как на TV или на городских билл-бор- 

дах. Объяснение этому - специфика 
интернета. Сегодня ты пришел на не- 
кую страницу, увидел первый (из се- 
рии) баннер. Совершенно не сракт, 
что завтра ты придешь на эту страни- 
цу еще раз, а послезавтра еще. Та- 
ким образом, многосерийность банне- 
ров ограничена характером ресурса. 
Если это крупный интернет-портал, на 
который ежедневно заходят миллио- 
ны людей (Yandex, Rambler, Lenta.ru) 
и на следующий день возвращаются 
снова и снова, такой маневр оправ- 
дан. Если это ресурс Васи Пупкина, 


то, скорее всего, такая затея будет 
провальной. 


XS: Анимация или статика? Kak пра- 
вильно решить этот болезненный 
вопрос? Всегда ли анимация onpaBga- 
на и когда нужна только статика? 

ЮЮ: Конечно, мигающий и перели- 
вающийся всеми цветами радуги бан- 
нер быстрее привлечет к себе внима- 
ние. И поэтому большинство банне- 
ров в сети - анимированы. Но бывают 
иногда случаи, когда анимация только 
вредит проекту. Редко, но бывает. Я 
знаю несколько примеров очень кра- 

сивых статичных баннеров (например, 
рекламные баннеры для "МТС" от сту- 
дии Арт. Лебедева). Все зависит от 
поставленной задачи и от стилистики 
того места, о котором говорится в рек- 
ламе или к которому ты хочешь прив- 
лечь внимание баннером. 


XS: НазН-баннеры, ЕИсП-баннеры - 
что это? За ними ли будущее? 

ЮЮ: Будущее наступает очень быст- 
ро. Современные технологии постоян- 
но развиваются, изменяя привычные 
"можно" и "нельзя". То, что пять лет 
назад казалось невозможным, сейчас 
воспринимается как устаревшее. В 
1996 году анимационный баннер восп- 
ринимался как своего рода плод рево- 
люции. Сейчас Rich- и Flash-6aHHep - 
совершенно обычная и широко расп- 
ространенная практика. Flash-GaHHep - 
баннер с высоким уровнем анимации 
и возможностью программирования. 


XS: Где ты и твои коллеги черпают 
новые идеи? Несомненно, все дизай- 
неры делают чем-то похожие работы, 
а иногда просто исчерпывают 
собственные идеи. Повторять - не для 
профессионала. Что делать? Как раз- 
будить свою фантазию? 

ЮЮ: Что касается меня, идеи прихо- 
дят в голову в момент получения за- 
каза. Иногда, правда, бывает ступор. 
Глаз "замыливается", на тебя что-то 
находит, и ты просто не можешь ниче- 
го придумать. В таком случае я просто 

отвлекаюсь, переключаюсь на что-ни- 
будь другое. 15-минутный перерыв не 
станет трагедией оля напряженной 
рабочей жизни, но поможет отдох- 
нуть и взглянуть на все новыми гла- 
зами. Разбудить фантазию может все 
что угодно: рассказанный другом 
анекдот, случайно увиденная бытовая 
"сцена" на улице, фотоальбомы, кни- 


ги по современному искусству, - мил- 
лион всего. 


не заметить который невозможно. Да- 


уже в продаже 
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БАННЕРНЫЕ ПРОБЛЕМЫ ) 


XS; Рабочее место баннермейкера 
такое же компактное, как и баннер :)? 
Опиши, как ты работаешь: рабочее 
место, рабочий грасбрик и т.п. 

ЮЮ: Moe рабочее место у меня всег- 
да выглядит по-разному. Это может 
быть идеальный порядок, а через три 
минуты - эпицентр ядерного взрыва. И 
оно отнюдь не так компактно, как бан- 
нер. Попробуй разместить несколько 
десятков компакт-дисков, планшет, 
чашки, ручки, стойки, наушники в Og- 
ном маленьком и компактном месте. 
Если только в мусорном контейнере :). 
Мой рабочий грасрик - с девяти часов 
утра и до шести часов вечера (если 
нет никаких авралов). Если же ты на- 
ходишься в цейтноте, то рабочий гра- 
фик просто перестает существовать 
go особого распоряжения. Бывает так, 
что ты приходишь с работы домой 
только утром. 


XS: Какой софт ты используешь и 
для чего? Существует столько раз- 
личных программ, которые якобы по- 
могают автоматизировать создание 
баннеров. Реально ли они помогают? 
Если да, то какие и каким образом? 

ЮЮ:Я не сильно доверяю програм- 
мам, которые работают "за тебя". 
Обычно мои инструменты - это каран- 
даш (наброски, эскизы будущего бан- 
Hepa), Photoshop, Illustrator, FlashMX и 
Adobe Image Ready. В Photoshop я ри- 
сую скелет (если это растровый и ри- 
сованый баннер), потом анимирую 
(если это нужно) с помощью Adobe 
Image Ready. Если это Flash-6aHHep, 
то, соответственно, Illustrator и 
FlashMx. 


XS: Есть ли собственные фирменные 
рецепты того, как упростить и уско- 
рить разработку собственных банне- 
ров? Построить, так сказать, 
собственный конвейер для штампов- 
ки прекрасных баннеров. 

ЮЮ: Мне кажется, слова "прекрас- 
ный" и "штамповка" плохо сочетают- 
ся. "Удачный" и "штамповка" - сочета- 
ются лучше. Твой удачный баннер не 
может быть вечным коньком, нельзя 
постоянно использовать одни и те же 
приемы - это приедается. Надо все 
время что-то изобретать, придумы- 
вать. Мой фирменный рецепт - ничего 
не бывает просто. За простотой кроет- 
ся тяжелый труд. 


XS: Есть ли специальные номинации 
для баннермейкеров и оценки их ра- 
боты? То есть, существуют ли какие- 
нибудь конкурсы с победителями и 
призами. 

ЮЮ: Конечно. В интернете постоян- 
но проводятся такие конкурсы со сво- 
ими признаниями и призами. Бывает 
так, что фирма, которой нужен бан- 
нер, сама устраивает такой конкурс- 
тендер. В интернете, как в Греции, 
есть все. Надо только уметь находить. 
Кстати, такие конкурсы - лучшая нива 
для того, чтобы поднять свой профес- 
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сиональный уровень и найти новых 
клиентов. 


XS: Создается впечатление, что бан- 
неры рисует каждый первый веб-ди- 
зайнер. Это негативная практика? И 
можно ли оценить способности бан- 
нермейкера по тем работам в дизайне, 
которые напрямую с баннерами не 
связаны. 

ЮЮ: Все веб-дизайнеры рисуют, ри- 
совали и будут рисовать баннеры. Все 
так или иначе сталкивались с этим. Я 
не вижу в этом ничего вредного. Каж- 
дый художник помимо "нетленного" 
рисует и на заказ - чтобы прожить. 
Это кому-то вредит? По-моему, нет. 
Мы не можем оценить способности 
человека, мы можем только получить 
впечатление от его работ. Иногда ра- 
боты одного человека в разных об- 
ластях различаются просто карди- 
нально. Поэтому я считаю, что в пер- 
вую очередь нужно учитывать свое 
впечатление от конкретной работы. 


XS: Каковы цены на баннеры? Kak 
происходит ценообразование? Как 
вообще оценить интеллектуальные 
затраты? Есть ли какой-то рынок, оп- 
ределяющий цены на баннеры, или 
это определяет только случай? 

ЮЮ: Про цены я говорить не буду, 
это интимная тема. Есть какие-то об- 
щепринятые тарифы, есть вариации. 
"Денежные" разговоры мне кажутся 
неэтичными. Мы же не обсуждаем то, 
в пижаме какой расцветки я люблю 
пить чай у себя на кухне?! 


XS: Кому и зачем нужны баннеры? 
Когда без баннеров обойтись нельзя? 
ЮЮ:Тут можно широко улыбнуться 

в камеру и сказать - баннеры нужны 
всем :). Без баннеров нельзя обой- 
тись в рекламной кампании любого 
продукта. Очень сложно без банне- 
ров в новостной сети. Без баннеров 
невозможны сайты торговых компа- 
ний. Баннеры - та же реклама, которая 
окружает нас повсюду. 


Х5;: Перечисли наиболее популяр- 
ные ошибки и ляпсусы баннермейке- 
ров. То есть расскажи о том, на что 
надо обращать внимание в первую 
очередь. 

ЮЮ: Орфограсрия. Почему-то в пер- 
вую очередь страдает именно она. Ты 
настолько сосредотачиваешься на 
картинке, чтобы все было хорошо, 
красиво, аккуратно. А про то, как пи- 
шется слово, вспоминаешь лишь тог- 
да, когда тебе звонит разъяренный 
клиент, который прочел ТО, ЧТО ты 
написал на его баннере. 


Х$:Баннермейкеры - тоже люди. Бы- 
ли ли "баннерские" приколы на твоей 
памяти? 

ЮЮ: Баннер для сайта мобильных 
знакомств. Первая мысль - включить 
в него символы мужского и женского 
начала. Понеслась работа. С женским 


символом я разобралась очень быст- 
ро - кружочек с крестиком внизу. С 
мужским - ступор. Никак не могу 
вспомнить, в какую сторону наклоне- 
на стрелка :). Сидевший рядом колле- 
га очень тактично меня поправляет и 
наставляет: "Стрелка радиусом на 45 
градусов. Радиусом, радиусом. Юля, 
ты геометрию изучала? Хорошо, пой- 
дем простым путем - ты когда-нибудь 
видела возбужденного мужчину?". И 
TYT Y меня все нарисовалось :). 


XS; А что труднее всего в общении с 
заказчиком? Можешь ли указать, ког- 
да обычно возникают проблемы и не- 
понимание? Есть ли у тебя опыт ус- 
пешного разрешения конфликтов? 

ЮЮ: Основная (не побоюсь в этот 
раз говорить от лица всех) наша 
проблема - в дизайне разбираются 
ВСЕ. Никто же не говорит сантехнику: 
"Слышь, мужик, ты как вантуз дер- 
жишь, это ж, блин, не профессио- 
нально. Я б на твоем месте сделал так 
и так!". Зато сплошь и рядом: "Я вот 
эту полосочку вижу в звездах, пере- 
ливающейся и справа". И иногда это 
раздражает. Особенно бывает обидно 
когда тебе говорят: "Да чего тут слож- 
ного-то? Нарисовал - и свободен". 
Это, как говорится, наболело. Конеч- 
но, в нашей среде тоже не без людей 
с комплексами "непризнанного ге- 
ния", но их меньше. Иногда сложнее 
всего - промолчать. Иногда - послу- 
шать заказчика, понять, что он хочет 
от тебя :). 


XS: Клиент всегда прав? Если тебя 
просят сделать что-то определенное, 
но тебе это не нравится как дизайне- 
ру, будешь ли ты выполнять этот за- 
каз? Или профессионал должен угож- 
дать любым капризам клиента? 

ЮЮ: Где-то в интернете лежит текст, 
в котором сравнивается работа прос- 
титутки и дизайнера. В конце автор 
ставит такой вопрос: "Так кто ты? Ди- 
зайнер или проститутка?" Наша про- 
фессия действительно подразумева- 
ет энное количество прогибов под 


клиента. Конечно, есть какие-то мо- 
рально-этические нормы и внутрен- 
ние барьеры, через которые я не пе- 
реступлю. На самом деле, нужно как 
можно больше разговаривать с кли- 
ентом. Он, во-первых, очень это лю- 
бит, поскольку начинает чувствовать 
себя мегаэкспертом в вопросах дизай- 
на :). А во-вторых, в разговоре ты мо- 
жешь ненавязчиво скорректировать 
точку зрения заказчика на ту или 
иную проблему, да еще потом и вы- 
дать твое мнение за его. Клиент в та- 
ких случаях обычно приходит в состо- 
яние восторга и экстаза. А нам только 
этого и надо!? Но иногда встречаются 
тяжкие случаи, которые как раз впи- 
сываются в поговорку "клиент всегда 
прав, пока жив" :). И тогда, если ты по- 
нимаешь, что игра не стоит свеч, 
прислушайся к нему и сделай все так, 
как он хочет. Каким бы идиотизмом 
это ни отдавало. У меня был такой 
случай. Для баннера, все изображе- 
ния которого были плоскими, клиент 
непременно хотел эфект объемнос- 
ти. Все уговоры и примеры натыка- 
лись на упорное "я так вижу". Баннер 
выглядел совершенно чудовищно. 
Клиент получил эффект объемности 
и был рад ему, как новому Мерседесу 
под окном на халяву. Слушай клиента, 
смотри на него, оценивай. Через ка- 
кое-то время ты будешь хорошо раз- 
бираться в психологии :). 


XS: Что бывает чаще и удобнее для 
дизайнера? Когда клиент по максиму- 
му описывает то, что ему нужно, a ты 
все выполняешь? Или когда клиент 
описывает предназначение баннера, 
аты сама описываешь ему свои за- 
думки? 

ЮЮ:Я предпочту несколько вариан- 
тов. Как многоходовую комбинацию. 
Очень хорошо, когда тебе расписыва- 


ют все до последнего пикселя. Это за- 
мечательно. Но иногда у тебя в голо- 
ве сразу складывается мнение о том, 
КАК должен выглядеть баннер. И 
дальнейшие комментарии, как гово- 
рится, излишни. Все это как живой ор- 
ганизм, который дышит и шевелится. 
Никогда не знаешь, каким боком он 
повернется к тебе в следующий миг. 


XS; Хорошо, когда баннер сделан и 
клиент писает кипятком от удоволь- 
ствия. Куда хуже ситуация, когда уже 
сделан энный по счету баннер, а кли- 
ент все еще недоволен. Отказ - это 
выход в такой ситуации? Какие 
скользкие моменты вообще могут 
возникнуть и как их решают? 

ЮЮ: Дизайн - скользкое дело. И 
каждый макет - это отдельная кризис- 
ная ситуация, к сожалению, почти что 
всегда. В особо тяжелых случаях 
предпочтительнее оговаривать коли- 
чество вариантов баннеров, которые 
ты будешь представлять для выборки 
основного варианта. Иногда клиент 
почему-то решает, что ты будешь 
выкладывать новые и новые вариан- 
ты баннера до бесконечности. Именно 
в таких случаях договор, подписан- 
ный обеими сторонами, - единствен- 
ный выход из сложившейся ситуации. 
Что касается меня, я упрямая :). Если 
я вижу цель, которая никак не дается, 
это только раззадорит меня. И в кон- 
це-концов клиент получит желаемое. 
Даже если это будет абсурд. 


XS: Насколько популярно заимство- 
вание идей и как обстоят дела с пла- 
гиатом в баннермейкерстве? Где бе- 
рутся иллюстрации и текстовка, если 
клиент ничего не дал, кроме пожела- 
НИЙ? 

ЮЮ: Плагиат на просторах интерне- 
та цветет пышным цветом. Мне очень 


Но иногда встречаются тяжкие случаи, 
которые как раз вписываются в поговорку 
"клиент всегда прав, пока жив" :). 


часто приходится сталкиваться с 
этим. Поскольку я веду проект "Ян- 
декс-Открытки", постоянно вылавли- 
ваю наши открытки и карикатуры на 
баннерах. И это не радует. Я понимаю 
только отношение наподобие: "3gpaB- 
ствуйте, меня зовут Коля Иванов. Я 
бы хотел использовать вашу картин- 
ку в таких-то и таких-то целях. Воз- 
можно Ли это?!". И вопрос снят с по- 
вестки дня. Все тихо, мило и интелли- 
гентно. Пользуясь моментом, хочу пе- 
редать привет паре-тройке Интернет- 
"изданий", которые являются нашими 
"постоянными клиентами" и воруют у 
нас не первый год. Привет, ребята! 
Опять-таки существуют миллионы ус- 
ловно-бесплатных или за очень не- 
большие деньги клипартов (сборники 
картинок) по любой волнующей кого- 
либо теме. Накупи их и радуйся жизни 
совершенно законно. 


Х5$: По дизайну всего хватает - книг, 
статей и т.п. Есть ли что-то подобное 
именно на тему баннеров и баннер- 
мейкерства? Или все передается "из 
рук в руки" и после приобретения 
горького опыта? 

ЮЮ:Я mano знаю людей, которые 
изучали "дизайн" по книжкам. На сво- 
ем опыте могу сказать, что ни одна 
книжка не даст того, что дает 
собственный опыт и обнаруженные 
ошибки. Надо смотреть чужие работы 
и делать свои. Со временем все ста- 
нет получаться. И может быть, через 
какое-то время ты станешь великим 
баннероваятелем :). 


XS: Существуют ли какие-нибудь 
коммьюнити баннермейкеров? Какие 
ресурсы можно посоветовать тем, кто 
хочет сам рисовать баннеры? 

ЮЮ:Если честно, то специализиро- 
ванные на баннерах коммьюнити мне 
просто неизвестны - можете кинуть в 
меня одним помидором :). Но есть 
множество сообществ дизайнеров, в 
которых всегда ответят на вопросы. 
Например, опитги р.п или forumru- 
board.com/forum.cqi?forum=4. Нужно только най- 
ти и смело задать свои вопросы. 


Отдых, который вам нужен 


ИГИДА АЭРО 
Т. 945 3003 
945 4579 


Лиц. ТД № 0025315 


Т. 508 7962 
504 6508 
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РИЧЕСКИХ ИЗОБРАЖЕНИЙ ) 


Woz3qK (woz3qk@mail.ru), ICQ 7144714 


ЗАЩИТА ГРАФИЧЕСК 
ИЗОБРАЖЕНИЙ 


ЧЕМ ЗАЩИТИТЬСЯ ОТ К 


РАЖИ ПРОДУКТА 


приходом цифровой эры все изменилось. 


Se 


древности люди были мало озабочены воровством графических изображений. Отдельных хитрецов, отливавших 
фальшивые монеты, ловили и поили жидким золотом в целях профилактики, поэтому и пиратов было мало. С 


в 


опрос проблемы защи- 


ты авторских прав на 


изображения сейчас 


стоит очень остро: на- 
рисованное тобой и 
выложенное в интернете может пока- 
заться кому-то очень похожим на его 
собственность :). Как же "застолбить" 
свои права на картинку и доказать, 
что это плод именно твоих многочасо- 
вых трудов? 


СТЕГАНОГРАФИЯ 

Под этим термином понимается 
сокрытие одной цифровой информа- 
ции в другой. В нашем случае грасри- 
ческое изображение содержит gpy- 
гую информацию (например, текст). 
Если немного изменить тон пикселя, 
человеческий глаз ничего не заметит, 
но изображение будет модифициро- 
вано. На этом принципе и основывает- 
ся стеганограсрия. Таким методом за- 
щищать данные можно и в звуковых, 
и в видеосрайлах. Подобная система 
весьма оригинальна, потому что едва 
ли кто-то будет проверять каждую 
картинку на наличие в ней шифра, 


определить наличие которого не всег- 
да возможно (в интернете есть оупен- 
сорсовые стеганограсры, в том числе 
и на Delphi, - качай, модифицируй, и 
никто не заподозрит, что изображе- 
ние подписано, ты же не будешь 
встраивать в него никаких сигнатур ;), 
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а простые изменения младших бит 
еще попробуй пойми без знаний алго- 
ритма ;) - прим. Ог.). Хорошие програм- 
мы, предназначенные для защиты 
графических и звуковых файлов, де- 
лают свое дело настолько четко, что 
результат практически не заметен. 
Приблизительно десятая часть разме- 
ра картинки - столько информации 
можно зашифровать. 

Расшифровка инорормации, скрытой 
в таком срайле, возможна (а иначе за- 
чем тогда ее шифровать?) - проблема 
лишь в том, что для расшифровки 
программе (которой срайл был зашиф- 
рован) нужно ввести ключ. Чаще всего 
применяются алгоритмы шифрования 
MDC, DES, triple-DES, IDEA, RSA ит.д. 

Естественно, стеганографию приме- 
няют и для защиты авторских прав: 
зашисфрованная в украденном .jpeg’e 


фраза "Данное изображение украде- 
но у Иванова Ивана" может много че- 
го сказать :). 


АВТОРСКИЕ ПРАВА 
И "ВОДЯНЫЕ ЗНАКИ" 

Водяные знаки впервые стали 
применять для защиты от подделок 
денежных купюр. Мы же поговорим о 
"водяных знаках" в цифровом мире, в 
котором борьба за авторские права 
намного сложнее. 

Если защищенный с помощью водя- 
ного знака продукт был присвоен зло- 
деем, то с последним можно смело на- 
чинать судиться, а в качестве улики 
предъявить копирайты, проставлен- 
ные на краденом продукте. 

Для этого существуют специальные 
программы. Некоторые из них являют- 
ся плагинами для графических пакетов 


ВЗЛОМАТЬ МОЖНО ВСЕ 


Если немного изменить тон пикселя, 
человеческий глаз ничего не заметит, 
но изображение будет модихфицировано. 


ГОВОРИТ И ПОКАЗЫВАЕТ УК РФ 


Существуют также продукты оля массового 
поиска грасрических изображений, защищенных 
водяными знаками и размещенных в интернете. 


(Photoshop, CorelDraw), есть и незави- 
симые продукты. Ссылки на конкрет- 
ных представителей смотри во врезке. 
Пожалуй, наилучшей из них являет- 
ся программа PictureMarc - продукт 
компании Digimarc. PictureMarc пос- 
тавляется для большинства извест- 


Здесь я добавил водяной знак 


ных графических пакетов в виде пла- 
гинов. Для вставки водяного знака в 

изображение (например, в Photoshop) 
выбираем пункт меню Filter->Digimarc-> 
Embed Watermark. В демо-версии goc- 
тупен только ввод года, а для осталь- 
ного надо задать ID-Homep создателя, 


предостовляемый только после реги- 
страции на сайте производителя, при 
которой юзер автоматически стано- 
вится участником системы поиска ко- 
пирайтов в интернете (об этом - ни- 
же). Для того чтобы прочитать водя- 
ной знак, идем сюда: Filter->Digimarc-> 
Read Watermark. Эта утилита эфорек- 
тивна для применения в разных ком- 
паниях, а для обычного пользователя, 
который экономит свои деньги, подой- 
дут другие решения, например - 
Eikonamark (Alpha Tec LTD). Демо-вер- 
сии вполне достаточно для рядового 
пользователя. В программе есть два 
режима работы: чтение и задание во- 
дяного знака для одного файла (Open) 
и операции над группами файлов 
(Batch). Программа работает с двумя 
типами водяных знаков: видимые 
(Visible) и невидимые (Invisible). Для 
видимых знаков задается специаль- 
ная позиция на картинке. Знаком мо- 
жет быть как текст, так и изображение. 
Добавлять можно только метку о том, 
что этот файл содержит водзнак (Zero 
Bit Watermark), вставлять binary logo, 
(Binary Logo Scrambling) и текст 
(Multibit Watermark). Для работы с 
большим количеством срайлов стоит 
воспользоваться режимом Batch. Ha 
врезке со ссылками можно найти 
большой список программ и выбрать 
себе самую вкусную защиту от воров- 
ства в интернете :). 

Как же создается водяной знак? Это 
дело непростое, и плохая защита све- 
дет на нет все усилия. Например, со- 
общение, которое требуется защи- 
тить, шифруется определенным клю- 
чем (часто этот ключ задает пользо- 
ватель). Потом вносятся изменения в 
значения пикселей, изображение раз- 
бивается на блоки с последующим 
преобразованием Фурье. При этом 
информация, используемая для иден- 
тификации материала, маскируется 
деталями изображения, выполняющи- 
ми функции создания "шума". Чем 
больше деталей содержит изображе- 
ние, тем плотнее будут вкрапленные в 
него идентификационные коды. 

Существуют также продукты для мас- 
сового поиска графических изображе- 


ний, защищенных водяными знаками и » 


Даже с таким искажением водяной знак определяется 


Программа 
PixelTag 
(www.media.mit. 
edu) может 
стать альтер- 
нативой 
PictureMark. 


Профессио- 
нально изго- 
товленный во- 
дяной знак 
почти невоз- 
можно вытра- 
вить без поте- 
ри качества. 


ЗАЩИТА TPAC 


РИЧЕСКИХ ИЗОБРАЖЕНИЙ № 


размещенных в интернете. Эта техноло- 
гия впервые была разработана компа- 
нией Digimarc. Для разоблачения похи- 
тителей интеллектуальной собствен- 
ности в интернете эта компания разра- 
ботала поискового робота MarcSpider, 
который разыскивает изображения с 
"водяными" знаками в Сети. Техноло- 
rua Digimarc сейчас применяется BO 
многих компаниях, занимающихся про- 
дажей изображений, среди них Getty 
Images, FPG и Index Stock. Поиск осущес- 
твляется с постепенным расширением 
его области: при обнаружении на опре- 
деленном сайте подозрительных ссылок 
программа начинает проверку самого 
сайта. Единственная проблема, как я 
уже отмечал, в том, что обнаружение 
фракта кражи изображения возможно 
только в том случае, если осуществив- 
ший ее - зарегистрированный участник 
системы. Только в таком случае робот 
будет искать в изображениях нужные 
нам копирайты и при их обнаружении 
сообщать куда следует. 

Защита, применяющая "водяные" 
знаки, основывается на невозможнос- 
ти удаления такой метки. Вернее, уда- 
лить ее можно, но качество изобра- 
жения (для звуковых файлов - звуча- 
ния) резко снизится после этого и 
продукт совершенно потеряет свой 
товарный вид. И то же самое - с 3Cp- 
фектом "шума". Даже с появлением 
значительных изменений и искаже- 
ний в изображении знак остается на 
своем месте - хоть и не полностью, но 
восстановить его можно. И тут прихо- 
дит на помощь возможность разби- 
вать изображения на блоки. Испортил 
один блок - а другие остались. SE 
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ш PictureMarc 

www.digimarc.com 

Продукт компании DigiMarc. Создает цифровые водяные знаки 
для защиты графических изображений. Представляет собой мо- 
дуль (plug-in) для основных графических пакетов, таких как 
Adobe Photoshop и CorelDraw (не менее 256х256 пикселей). Наи- 
более продвинутая в маркетинговом отношении технология, поз- 
воляющая осуществлять множество действий с изображениями, 
имеющими водяные знаки. Удаление однажды поставленной мет- 
ки невозможно. 

На сайте можно найти и информацию о роботе, который ищет 
изображения с водяными знаками (MarcSpider). 


Ш DropWaterMark 

www.lajdesignsw.com/DWM.html 

DropWaterMark - утилита, предназначенная для вставки прозрач- 
ных иконок и логотипов ("водяных знаков") в изображения. 
DropWaterMark имеет четыре базовых режима: замена изображе- 
ния и вставка нового, замена папки изображений и создание но- 
вой. В первом режиме выбранное изображение заменяется на ос- 
нащенное водяными знаками. Во втором режиме можно сохранить 
защищенное изображение в новом месте. В третьем и четвертом 
режимах те же операции выполняются для папок. 


Ш CryptoLope 

www.research.ibm.com/imageapps/watermark.html 

Первая распределенная технология, которая обеспечивает базо- 
вые компоненты для обеспечения безопасности цифрового кон- 
тента, их защиты, управления ими, а также их доставки, отслежи- 
вания и продажи в среде интернета с помощью средств Java. 
Цифровое содержание может быть любого вида: от простых текс- 
тов до видео. 


ш EikonaMark 

www.alphatecitd.com 

Система трансформирует идентификационный номер владельца 
авторского права в невидимую цифровую метку и вставляет ее в 
тело изображения. Водяной знак легко обнаружить без дополни- 
тельного поиска в базе данных. 


m@ Suresign 

www.signumtech.com 

Программа встраивает скрытую информацию об авторском праве 
и порядке использования цифровых данных. Система основана на 
технологии цифровой стеганографии. Скрытая информация 
встраивается в передаваемый цифровой поток данных (графику, 
аудио- и видеофайлы). 


ш Argent 

www.digital-watermark.com 

Система предназначена для обеспечения мощного и интеллекту- 
ального средства защиты авторских прав при распространении 
продукции в Сетях и на других цифровых носителях, разработана 
для издателей мультимедиа. Используется трехканальная техно- 
логия внедрения "водяного" знака в объект защиты. 


Ш Лазурь 

www.novocom.ru 

А это программа от русских разработчиков. Производит анализ и 
обработку речевых сигналов. Ставит в речевом сигнале 
"водяные" знаки, которые идентифицируют говорящего. 


Ш www.tucofs.com/tucofs/tucofs.asp?mode=filelist&catid=29&o0skey=5 
Здесь находится целая подборка софта для линуксоидов. 


НЕ ХВАТАЕТ ЧЕГО-ТО 


У НАС ПОЛНО 


х Эксклюзивные *% Коллекции = * Коллекционные 
игры фигурок наборы 


р Xbox 


РАБОТА НАД 


ЧУЖИМИ ОШИБКАМИ ) 


Фленов Михаил (www.vr-online.ru) 


РАБОТА НАД 
ЧУЖИМИ ОШИБ 


СКАЗ О ТОМ, КАК ПРАВИЛЬНО МАКЕТ САЙТА СТРОИТЬ 


основы 


МАКЕТИРОВАНИЯ 


и Существует множе- 


ство вариантов распо- 


ложения объектов на 
страницах сайта, и сейчас я постара- 
юсь показать основные из них со все- 
ми их преимуществами и недостатка- 
ми. Что понимают под объектами сай- 
та? Логотип, главное меню навигации 
по разделам сайта и сама текстовая 
информация разных разделов. 

Для большего удобства понимания 
структуры разделим макет страницы 
на четыре части: шапка, панель нави- 
гации, содержимое и подвал. Рассмот- 
рим все по частям и посмотрим, где 
должна находится и что должна со- 
держать каждая часть. 

Макет главной страницы сайта мо- 
жет и в принципе должен отличаться 
от остальных страниц: именно глав- 
ная страница должна заинтересовать 
пользователя в том, чтобы тот остал- 
ся на сайте и продолжил знакомство с 
его содержимым. Подразделы npeg- 
назначены для отображения инфор- 
мации. Именно поэтому нам придется 
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рассматривать главную страницу OT- 
дельно, но сначала разберемся С OC- 
новными параметрами сайта. 


РЕЗИНОВАЯ ЗИНА 

и Первая проблема, с которой стал- 
кивается дизайнер, - выбор размера 
сайта, а точнее его ширины. Любая 
страница должна прокручиваться 
только по вертикали. Дизайнеры, ко- 
торые заставляют пользователя пе- 
редвигать и горизонтальный бегунок, 
могут сразу распрощаться с 90% воз- 
можной посещаемости. 

Сайты бывают "резиновые" и с фик- 
сированной шириной. Резиновые маке- 
ты подстраиваются под ширину окна 
браузера и не выходят за его пределы, 
хорошо выглядят при любом разреше- 
нии, но имеют ограничения - нельзя вы- 
равнивать картинки по краю и в шапку 
нельзя вставить жесткую картинку, по- 
тому что она не сможет растягиваться. 
С такой шириной экрана все выглядит 
нормально (рис. 1). А теперь посмотрим, 
что произойдет, если у пользователя 
установлено большее разрешение и 
его экран более широкий (см. рис. 2). 
Уродство, не правда ли? 

То же самое произойдет, если кар- 
тинки будут выровнены по левому 
краю, поэтому текст не должен обте- 
кать изображения, а каждой картинке 
- своя строка. 

Я уже намекнул, что нельзя исполь- 
зовать в шапке жесткую картинку. Ес- 


ли в качестве логотипа установить 
рисунок шириной 1000 пикселей, то 
меньше этой величины сайт не смо- 
жет уменьшиться. А при большей ши- 
рине окна картинку будет сложно рас- 
тянуть без использования сценариев 
и без потери качества. Чтобы решить 
эту проблему, в заголовке можно ис- 
пользовать кусок однотонного цвета 
или таблицу с картинкой в качестве 
фона, которая будет размножаться 
при растягивании. 


МЫ ХОТИМ ПОЖЕСТЧЕ! 

и В случае использования жестко 
фиксированной ширины экрана воз- 
никает другая проблема - какую шири- 
ну выбрать? Минимальное разреше- 
ние экрана - 640х480, но таких аква- 
риумов с каждым днем становится все 
меньше, сейчас это мизерный процент 
от общего населения интернта и им 
можно пожертвовать. А если учесть, 
что для Windows ХР минимумом явля- 
ется 800х600, то можно сказать, что 
800 - сегодняшний стандарт. Еще не 
все обзавелись жидкими кристаллами 
или 17- дюймовыми трубами, чтобы 
KOMCPOPTHO работать более чем на 
1024х768, но 800 пикселей в ширину 
есть почти у всех. 

Итак, будем считать, что фиксирован- 
ная ширина - 800 пикселей, а лучше 
сделать небольшой запас и использо- 
вать 780. 20 пикселей нам погоды не 
сделают, а мы таким образом сможем 
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полагать содер- 
жимое сайта? 
Некоторые упро- 
щают задачу и 
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Рис. 1. Резиновый макет с картинками, выровненными по правому краю Рис. 2. Недостаток резинового пакета 
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CPEKTOB, требующих привязки к пиксе- 
лям. Если выровнять все по центру, 
будет тяжело определить левую точ- 
ку, потому что неизвестно, каким бу- 
дет отступ от левого края. 
Выравнивание по левому краю при 
больших разрешениях может оста- 
вить слишком много пустого простра- 
нства с правой стороны. Если не ис- 
пользуются привязки и нет необходи- 
мости выравнивать все по левому 
краю, то лучше разместить контент по 
центру окна браузера. В этом случае 
пустота равномерно разбредется по 
краям и сайт будет выглядеть достой- 
но даже при высоких разрешениях. 


BIG BOSS 
ш Главная страница должна заинте- 
ресовать пользователя в том, чтобы 


остаться на сайте и продолжить зна- 
комство с ним. Основа сайта (шапка и 
подвал) обязательно должны быть 
выполнены в том же стиле, что и весь 
остальной сайт. Разница должна быть 
только в содержимом. Здесь можно 
предложить какие-нибудь горячие но- 
вости, прямые ссылки на новинки сай- 
та, горячие предложения и т.9д. 

Возьмем какую-нибудь страницу и 
рассмотрим ее сильные и слабые сто- 
роны. Я долго выбирал претендента и 
остановился на сайте WiiW.ulead.com. Это 
сосфтверная сфирма, которая продает 
сосрт для дизайнеров. Шапку и nog- 
вал трогать не будем, потому что они 
пока нас не волнуют, а вот централь- 
ную часть сейчас обсудим. 

Сразу под шапкой располагается 
широкий Flash-ponuk, который с по- 
мощью красивой анимации показы- 
вает какую-то демку. Во то время, 
когда я писал эту статью, ролик рек- 
ламировал новую версию Ulead 
Photoimpact - отличное решение gna 
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Рис. 3. Недостаток резинового макета - пустоты по краям 


того, чтобы привлечь внимание к но- 
вости и познакомить всех желающих 
с новыми возможностями програм- 
мы. Анимация всегда бросается в 
глаза, и при ее наличии можно быть 
уверенным почти на 100%, что юзер 
увидит то, что мы хотим ему показать 
(смотреть и видеть - разные вещи :) - 
прим. Dr.Klouniz'a). Главное, чтобы 
она была информативной (можно 
было узнать как можно больше), как, 
например, анимация сайта Ulead: гра- 
фика может занять слишком много 
пространства. 

На главной странице только одна 
анимация - это тоже правильно. Неко- 
торые дизайнеры пихают Flash-ponu- 
ки куда угодно и сколько угодно. Это 
рассеивает внимание пользователя и 
мешает сконцентрироваться на глав- 
ной (информационной) демке. 
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Рис. 4. Правильное размещение жесткого сайта 


Чуть ниже ро- 
лика можно уви- 
деть ссылки на 
разделы об ос- 
новных продук- 
тах компании, 
последние но- 
вости и ссылку 
на полную вер- 
сию ленты но- 
востей. Это тоже 
правильное ре- 
шение. Незачем 
тулить полную 
версию на глав- 
ную страницу, 
если сайт не яв- 
ляется чисто но- 
BOCTHbIM. 

Справа от 
ссылки Ha пред- 
ложения компа- 
нии для различ- 
ных клиентов на- 
ходится список скачиваемых чаще 
всего программ (Top Downloads), nog- 
писка на новости, быстрые ссылки Ha 
основные разделы и баннеры. Все ре- 
шения по отдельности великолепны, 
но расположено все по-идиотски. В 
чем основная ошибка? Цвета карти- 
нок и текстовых ссылок не сочетают- 
ся друг с другом. Главная страница 
вообще пестрит цветами, как новогод- 
няя елка. Более страшной ошибкой 
является сам макет правой половины 
сайта: текстовые ссылки идут впере- 
мешку с баннерами. Я понимаю, что 
дизайнер хотел выделить определен- 
ные ссылки, но забыл или не знал, 
что этого делать нельзя. Кто решил, 
что ссылка на подписку новостей 
важнее быстрых ссылок и должна 
быть выполнена в виде картинки? 
Баннеры отвлекают внимание от текс- 
товых ссылок и заставляют его ме- 
таться между текстом и графикой. В 
этом случае лучше стремиться к еди- 
нообразию и не впихивать при этом 
графику везде, где только можно, 
только потому, что умеешь рисовать. 
Если что-то необходимо выделить, то 
лучше выбрать особый цвет, размер 
или стиль текста, но не перемешивать 
несовместимые картинки и тексты... 


ПОСЛАТЬ В ЛЮБОЕ МЕСТО 

ш Самым сложным занятием являет- 
ся макетирование главной страницы, 
которая должна заинтересовать 
пользователя и при этом не сильно 
выделяться на общем ‹фоне. Помимо 
красивой грасфики и "заманивающей" 
анимации, пользователь должен най- 
ти на главной странице все, что ему 
нужно - ссылки на все разделы. Тебе 
приятно, когда заходишь на сайт, а 
там нужно щелкать по всем ссылкам в 
поисках одной-единственной? 

Нужная информация должна быть 
найдена посетителем как можно быст- 
рее, и если удастся сэкономить его 
трасрик, время и нервы, то такой чело- 
век еще не раз вернется и друзейс » 


Когда макети- 
руешь страни- 
цу, постоянно 
тестируй все 
линки, чтобы 
переход между 
ними был удо- 
бен и к любой 
информации 
можно было 
добраться за 
3-4 щелчка. 


Для выделе- 
ния особо важ- 
ного используй 
графику и 
тексты различ- 
ных цветов 
или размеров, 
но не надо ис- 
пользовать 
слишком силь- 
но различаю- 
щиеся шриф- 
ты. Чаще всего 
такое разнооб- 
разие только 
портит общую 
картину. 


Анимация - это 
красиво. Она 
нравится посе- 
тителям сайтов, 
заставляет их 
обратить вни- 
мание на что- 
нибудь сверх- 
важное. Глав- 
ное - не пере- 
борщить с ее 
количеством. 


Подбери такой 
цвет фона и 
цвет/шрифт 
текста, чтобы 
они не утомля- 
ли зрение. Я 
рекомендую 
классику - чер- 
ное на белом. 


Если ты выб- 
рал некласси- 
ческие цвета, 
то попробуй 
почитать в те- 
чении минут 
10-ти свой 
текст. Если ус- 
танешь, то и 
посетитель ус- 
танет, а значит, 
читать дальше 
не будет. 


РАБОТА НАД 
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собой приведет. Для реализации все- 
го вышесказанного на сайте, а осо- 
бенно на главной странице должно 
быть хорошее меню. Посмотри на сни- 
мок главной страницы хостера 
Valuehost (рис. 5). Информации мини- 
мум, а ссылок еще меньше. Вот сижу я 
и думаю, где та ссылка, с помощью ко- 
торой можно было бы узнать о тариф- 
ных планах и расценках? Где ссылка 
для входа в свою приватную зону уп- 
равления сайтом? А ведь на сайте ра- 
ботает форум и много других серви- 
сов, которые сразу увидеть нереаль- 
но. Только если зайти в какой-нибудь 
раздел, перед тобой откроется страни- 
ца с более полным набором пунктов 
меню. Но это мы еще обсудим. 


ПО ШАПКЕ 

m Теперь посмотрим на шапку и то, 
что должно находится в ней: любая 
графика, которая делает сайт уни- 
кальным и узнаваемым, а также лого- 
тип сайта, отображающий его назна- 
чение, да еще визитная карточка, она 
же - средство вернуться на главную 
страницу. Да, именно так. В любом 
месте сайта щелчок по логотипу дол- 
жен приводить к возврату на старто- 
вую страницу. 

Вот сайт довольно солидной компа- 
нии - на рис. 6 (я даже проработал там 
программистом четыре года, но сайт 
разрабатывал не я :)). Выше шапки на- 
ходится черная полоса, где есть ссыл- 
ка на главную страницу, а логотип при 
этом - просто картинка. Такие ошибки 
делают дизайнеры-самоучки, которые 
не знают главного назначения логоти- 
па. Мало того, что эта полоса портит 
общую картину, так она еще и драго- 
ценное пространство съедает. 

Кроме логотипа, в шапке может быть 
любая другая графика и даже какие- 
то основные команды, но их должно 
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Рис. 5. Главная страница сайта компании Valuehost 


быть немного, 
например 
здесь допусти- 
мы элементы, 
для поиска по 
сайту. 

Не надо пе- 
регружать 
шапку и де- 
лать ее слиш- 
ком высокой. В 
интернете пол- 
но сайтов, в ко- 
торых шапка 
по высоте 
больше, чем 
допускается, 
на 400 пиксе- 
лей. Яркий при- 
мер на том же 
рис. 6, где сра- 
зу под шапкой 


ral ‘=, находится рек- 
м rey ee ламное объяв- 
ee Oe ление сумас- 


шедшей высо- 
ты и минималь- 
ной информа- 
тивности. И вот для размещения 
действительно полезных данных оста- 
ется меньше половины экрана, а ос- 
тальное прячется за пределами окна. 
Пользователи не любят скроллинг, по- 
этому основная информация должна 
быть видна сразу и без прокрутки. 


У МЕНЯ В САЛАТЕ МУХИ! 

m Основа usability и правильного ма- 
кетирования любого сайта - это меню. 
Если оно неудобно, то придется потра- 
тить слишком много времени на поиск 
необходимой информации или вооб- 
ще отказаться от надежд найти ее. Где 
располагать меню? Чуть ниже шапки 
по горизонтали или по вертикали, но 
вдоль левого или правого края. Что 
выбрать? Зависит это от дизайна и ко- 
личества основных разделов. 

Если основных разделов немного, то 
можно расположить меню горизон- 
тально, вдоль верхней части. Оно мо- 
жет быть выполнено в виде простых 
ссылок, если нет подразделов, или в 
виде выпадающего меню, как на сай- 
тах www.cydsoft.com, www.ulead.com, www.atlantis-pak.ru и 
T.g. Выпадающее меню рекомендуется 
делать для сайтов, имеющих много 
подразделов, в поисках которых неу- 
добно прыгать по разделам. 

Сейчас многие компании, которые не 
зарабатывают на баннерах и заботятся 
о благе посетителей сайта, переходят 
на использование таких меню, потому 
что они занимают мало места и при 
этом позволяют сделать меню слож- 
ной структуры - универсально, удобно, 
без "пересадок" можно добраться в са- 
мые отдаленные уголки сайта. 

Если разделов много и разместить 
их названия по горизонтали не удает- 
ся, то придется размещать все по вер- 


Выпадающее меню рекомендуется делать оля 
сайтов, имеющих много подразделов, в поисках 
которых неудобно прыгать по разделам. 
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Рис. 6. Сайт солидной компании, а ошибок дизайна больше, чем у школьника в тетради 


Рис. 7. Все пункты меню расположены в 


нижней части сайта (в подвале) 


тикали вдоль одной из сторон страни- 
цы (зависит от дизайна), но все же по- 
думай о создании горизонтального ме- 
ню с выпадающими списками. Только 
не надо создавать два меню сразу (го- 
ризонтальное и вертикальное): убь- 
ешь не только дизайн, но и usability, да 
и пользователь не узнает, в каком ме- 
ню искать нужный раздел. Желатель- 
но, чтобы меню было одно и только од- 
но. Если ты выбрал в качестве основ- 
ного горизонтальное расположение 
ссылок, то вдоль края расположи неч- 
то вроде "горячих ссылок" на тему 
выбранной страницы, но эти же ссылки 
должны быть и в основном меню. 
Горизонтальное меню должно уме- 
щаться в одну строку, особенно если 
есть выпадающий список. Вот, напри- 
мер, сайт сдрирмы "Атлантис-Пак" (рис. 
6): основное меню встроено в шапку 
(не будем критиковать это решение, 
хотя оно откровенно глупое), но хуже 
всего то, что оно состоит из двух 


строк. Из пункта "О компании" в верх- 
ней строке вываливается список под- 
меню, который перекрывает нижнюю 
строку. Чтобы перейти на нижнее ме- 
ню, нужно сначала убрать мышь куда- 
нибудь в сторону, чтобы скрылся вы- 
падающий список, и только потом 
возвращаться к нужному пункту ме- 
НЮ. 

У "Атлантис-пак" тоже есть неболь- 
шое меню, но под пунктом "Карта 
действий" много отсутствующего в ос- 
новном меню, зачем-то дублируется 
ссылка "На главную страницу". Это 
меню я заметил не сразу, поэтому 
долго не мог найти нужной мне ин- 
офрормации - строгий выговор дизайне- 
ру. А зачем делать две ссылки на 
главную страницу вокруг банера, во- 
обще непонятно. Видимо, разработ- 
чик не знал, чем заполнить оставше- 
еся пространство. 


ПОДВАЛ 

ш Многие считают, что в подвале дол- 
жен быть копирайт сайта и информа- 
ция об авторстве на сайт или дизайн. 
Это верно, но не совсем, потому что, как 
говорят математики, данная индрорма- 
ция необходима, но недостаточна. 

Допустим, каждая страница содер- 
жит очень много информации, а для 
того, чтобы увидеть самую нижнюю 
часть, нужно нехило поработать 
скроллингом. Вот пользователь доск- 
ролил до низу и решил перейти в дру- 
гой раздел. Что делать? Скролить об- 
ратно на самый верх сайта, чтобы уви- 
деть меню. Напряжно? По крайней ме- 
ре неудобно. В подвале сайта должна 
быть копия основных ссылок сайта. 

Некоторые дизайнеры считают, что 
меню должно быть только в нижней 
части сайта (см. рис. 7 и сайт компа- 
нии Valuehost). Видимо, дизайнер ре- 
шил, что пользователи, просматривая 
документ, все равно доходят до низа, 
и основное меню расположил там. А 
что если тот загрузил страницу и сра- 
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Рис. 8. Отличная информация на сайте и от уважаемых авторов, а вот дизайн и фрей- 
мы все убивают 


зу увидел, что она ему не нужна? Об- 
лом :(, потому что придется все равно 
скролить в самый низ. 

Главное меню должно быть только 
вверху, а снизу желательно размес- 
тить копии основных ссылок. Если 
удастся впихнуть полное меню и 
сверху и снизу (что не так-то и легко), 
то пользователь только спасибо ска- 
жет. Конечно, копия меню - мелочь, 
но очень приятная, а каждая мелочь - 
это дополнительный юзер. 


БАРАХОЛКА 

m Теперь рассмотрим старые техно- 
логии, которые еще годятся или уже 
должны быть только в бабушкином 
сундуке. Из последнего я настоятель- 
но не рекомендую доставать фреймы. 
На первый взгляд это удобно, когда 
сайт развивается динамично и в нем 
часто появляются новые ссылки, а 
хостер не поддерживает сценарии 
РНР, Perl и т.д. В этом случае меню по- 
мещают в один срайл сфрейма, при из- 
менении которого изменяется весь 
сайт. Удобства на этом заканчивают- 
ся: у пользователя появляется две 
полосы скроллинга. Желающим уп- 
ростить задачу содержания меню 
можно посоветовать использовать 
JavaScript в виде отдельных файлов, 
которые легко подключить к любому 
НТМЕ-документу. 

Второй недостаток сфреймов - это TO, 
что они занимают слишком много 
пространства. При прокрутке одного 
фрейма второй не движется, поэтому 
теряется полезное пространство, в 
котором можно было бы расположить 
что-то более полезное. 


СТИЛИ 

m Многие дизайнеры в один голос 
кричат, что пора забыть про таблич- 
ное форматирование и использовать 
стили. Стили - мощная вещь, но они 
поддерживаются далеко не всеми бра- 
узерами (более 80% браузеров по 
статистике - IE 6, еще около 10% - IE 5, 
так может, уже пора забыть про 
Netscape пятилетней давности? - 
прим. AvaLANche'a). 


LOG OUT 

и Макет страницы должен разраба- 
тываться вместе с дизайном. Некото- 
рые дизайнеры рисуют внешний вид 
страницы обращая внимание только 
на красоты и абсолютно не задумыва- 
ются об удобстве использования. Не 
стоит повторять эту ошибку. Хорошо 
сконструированный сайт будет попу- 
лярнее самого красивого - проверено 
практикой. 

Мы рассмотрели только основы, а 
для более глубокого изучения темы 
нужны годы тренировок и тестирова- 
ния различных вариантов поисках 30- 
лотой середины. Недаром некоторые 
сайты меняют шкурки каждые нес- 
колько лет и постоянно находятся в 
поиске идеального макета. 
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егодня более половины 


населения планеты - 


пользователи компью- 


тера. С каждым годом 

технологии становятся 
все более совершенными, оборудова- 
ние все более мощным, что открывает 
перед программистами новые воз- 
можности. Пользователи стали go- 
вольно разборчивыми и требователь- 
ными к дизайну программного npogyk- 
та. Юзерам нравятся красивые трех- 
мерные кнопочки, рисуночки, блестя- 
щие менюшечки. Им быстро надоеда- 
ет интерфейс - хочется новенького, 
чтобы глаз радовало. Чтобы удер- 
жаться на плаву, необходимо дер- 
жать нос по ветру. Поскольку про 
композицию и дизайнерские аспекты 
программных интерфейсов Хоррифик 
уже написал для этого номера, рас- 
скажу про то, как именно программи- 
ровать скинованные программы. 


ЧТО ЭТО ТАКОЕ? 

ш Скин (англ. - ‘шкура’) - визуальная 
оболочка, которая используется для 
того, чтобы придавать разные внеш- 
ние виды программе. Да что тут рас- 
сказывать - всем известны Winamp, 
Windows (проги для смены внешнего 
вида типа Talisman Desktop, Aston, 
DesktopX, StyleXP). Кроме того, в сети 
проходят конкурсы и олимпиады по 
созданию скинов к различным прог- 
раммам, так что на этом можно и зара- 
ботать. 


С ЧЕГО НАЧАТЬ? 

m Для начала четко определим цель 
(средство у нас уже есть - это Delphi). 
Допустим, у нас есть программа, и нам 
известно, что в ней присутствуют три 
кнопки, два лэйбла и фоновая картин- 
ка. Когда программа загружается, еще 
не известны размер окна и располо- 
жение кнопок, картинки и Edit’oB, так 
как в разных скинах местоположение 
может меняться. Значит, нам надо 
хранить эти данные. 

Хранить различные ресурсы (кар- 
тинки и прочее) в исполняемых срай- 
лах мы не будем, так как данный тип 
скинов изменять невозможно (соот- 
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СОЗДАЕМ ПОДДЕРЖКУ СКИНОВ ДЛЯ СВОЕЙ ПРОГРАММЫ 


ветственно и добавлять новые скины) 
без перекомпиляции программы (на 
самом деле все возможно, пример то- 
му - программы вроде Resource 
Hacker'a - прим. AvaLANche'a). Нам 
нужно сделать поддержку скинов та- 
ким образом, чтобы можно было ner- 
ко добавлять шкуры, чтобы пользова- 
тель мог сам создать скин, который 
ему нравится. Хранить файлы можно 
разными методами. Серьезные прог- 
раммы используют либо свой 
собственный формат хранения дан- 
ных, либо используют файлы, кото- 
рые содержат в себе ресурсы (DLL). 
Также можно использовать файлы с 
нулевой компрессией (что встречает- 
ся крайне часто - прим. Dr.). Есть прог- 
раммы, которые содержат один кон- 
фигурационный сфайл и еще один - со 
всеми картинками программы. Сразу 
стоит отметить, что эта статья являет- 
ся вводной и что для ознакомления 
мы рассмотрим самый простой способ 
хранения данных, а именно - будем 
сохранять файлы шкуры в каталоге. В 
этом же каталоге будет находиться 
конфигурационный сфрайл и картинки. 
Конеигурационный сфайл будет назы- 
ваться skin.ini. Можно, конечно, ис- 
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пользовать не 1М-сфайлы, а свои, на- 
ходить нестандартные методы, писать 
обработку всех строк вручную, но мы 
этот подход отбросим, так как он для 
"школьной олимпиады по информати- 
ке для 8 класса" ;) (да, именно так я 
охарактеризовал это извращение - 
прим. Ог.). На листинге приведен при- 
мер такого файла. 


[Main] //самая первая секция 

SizeX=300 //размеры окна по ширине 

SizeY=200 [[и высоте 

BorderStyle=1 //стиль рамки (I-6e3 рамки) 

[Backlmage] //секция фоновой картинки 

SizeX=100 

SizeY=100 

PosX=0 //позиция в пикселах местоположения 

PosY=0 //элемента относительно формы 

BackImage=back jpg //собственно имя картинки 

[Play] секция кнопки 

SizeX=80 

SizeY=20 

PosX=50 

Р0$1=50 

OnDown=Playl.bmp //картинка, отображаемая при 
нажатии 

OnUp=Play2.bmp /Ми отпускании 

[Stop] секция второй кнопки 

SizeX=30 


| 
| 
| 
| 
| 
| 
| 
| 


Так выглядит форма после размещения на ней элементов 


Все, что идет после символов "//" - 
считается комментарием. Писать это в 
файле не нужно: наша программа это 
не оценит :). 

Как видно из содержания, мы имеем 
дело с простым ИМ-файлом. [Main], 
[Backlmage], [Play] - это секции. В этих 
секциях хранятся "ключи", а в них - 
значения. Здесь: 

PosX - позиция на форме по гори- 
зонтали; Ро$У - позиция на форме по 
вертикали; Sizex, SizeY - размеры эле- 
мента; Backlmage - дфоновая картинка; 
OnDown - картинка, отображаемая 
при нажатии на элемент; OnUp - кар- 
тинка, отображаемая при отпускании 
кнопки мыши; Text - текст, отображае- 
мый на элементе; FontName - шрифт 
текста; FontColork, FontColorG, 
FontColorB - составляющие цвета 
(красный, зеленый и синий соответ- 
ственно). Для того чтобы использо- 


вать INI-cpaiinbl, надо объявить в Uses 
inifile. Основными сфункциями, которы- 
ми мы будем пользоваться, будут 
ReadString и Readinteger - чтение из 
№ -файла строки и числа. Им nepega- 
ется имя секции, параметр и значе- 
ние, принимаемое по умолчанию. 

А теперь разберемся, как с этим ра- 
ботать. Для начала объявим перемен- 
ную SkinINI типа TINIFile и сделаем pe- 
акцию формы на событие OnCreate 
(Formt->Events->OnCreate), чтобы наш 
файл обрабатывался прямо при за- 
пуске программы. Значения в файлах 
INI могут быть строками, целочислен- 
ными переменными, переменными бу- 
левского типа и т.д. Большего нам и 
не надо. Вернее, надо узнать путь к 
программе. В этом нам поможет сфунк- 
ция Cut_Path. Она вернет нам путь к 
программе. 


Предварительно, кстати, надо ки- 
нуть на форму необходимые элемен- 
ты. У меня это 4 image, 2 lable, 1 image 
(фон окна), остальные три я исполь- 
зую как кнопки. На самом деле ис- 
пользовать картинки удобнее: кнопку 
как компонент нельзя украсить толко- 
вой картинкой, а если использовать 
BitBtn, то при выделении кнопки появ- 
ляется "ореол" - прямоугольное выде- 
ление кнопки. Имэйдж же не выделя- 
ется, и с ним можно работать как с 
кнопкой, поскольку у него тоже есть 
события на нажатие (OnMouseDown), 
на наведение (OnMouseMove), на от- 
пуск кнопки мыши (OnMouseUp). И 
еще один момент - будет солиднее не 
использовать при выводе картинок 
чтение из файла на диске. Во-первых, 
это грузит хард, если их много, во- 
вторых при выводе новой картинки 
будет видно мигание и торможение. 
Так что заведем переменные 


sPlayMDown, sPlayMUp: TPicture. При у 


Кроме позиции 
элемента, раз- 
мера, картинок 
и текста можно 
задавать прак- 
тически все 
возможные ха- 
рактеристики: 
цвета, стили, 


вид курсора, 
подсказки; 
объявлять об- 
работчики на 
все события 
(наведение мы- 
ши, клик и т.п.) 


Для получения 
полного пути 
можно исполь- 
зовать не 
ParamStr(0), а 
Application.Exe 
Name 


Полностью законченный профессиональный проект 
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Еще один скин плейера 


чтении с !М!-файла мы загрузим в эти 
переменные наш image. 


procedure TForml.FormCreate(Sender: TObject); 
var intValue : integer; 

strValue : string; 

Conf : TiniFile: {так объявляется ini-paiin} 
Path : string; 

begin 


Conf:=TIniFile.Create(Cut_Path+'conf.ini'); 

{читаем файл, который содержит имя директории 
с текущим скином} 

Path:=ConfReadString('Skin','Path''Default\'); 

{добавляем к пути директории путь K активному 
скину} 

SkinINI := TlniFile.Create(Cut_Path+'skin.ini'); 


{читаем значения. У нас размеры и позиции 3aga- 
ются числами, потому} 

{используем Readinteger. Первый параметр - имя 
секции, второй - имя ключа} 

{третий параметр - значение по умолчанию (если 
что-то прошло неудачно )} 

intValue:=skinINI.Readinteger('Main’, 'SizeX', 100); 

Forml.Width:=intValue; 

intValue:=skinINI Readinteger('Main', 'SizeY', 100); 

Forml.Height:=intValue; 


intValue:=skinINI.ReadInteger('Main', 'BorderStyle', 0); 


if intValue=1 then 
Forml.BorderStyle:=bsNone {определяем тип рамки} 
else Forml.BorderStyle=bsSingle; 


intValue:=skinINI ReadInteger('Backlmage’, 'SizeX', 
100); 
Imagel.Width:=intValue; 
intValue:=skinINI Readinteger('Backlmage’, 'SizeY', 
100); 
Imagel.Height:=intValue; 
intValue:=skinINI ReadInteger('Backlmage’, 'Posx', 0); 
Imagel.Left:=intValue; 
intValue:=skinINI.Readinteger('Backlmage’, 'PosY', 0); 


Скин плейера - нормальное состояние 


Скин плейера - нажата кнопка 
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ИСПОЛЬЗУЕМ ФАЙЛЫ РЕСУРСОВ 


Ш Загрузка изображения из файла ресурсов для объекта Bitmap 
выполняется с помощью метода LoadFromResourceName (Instance: 
THandle; const ResName: string). Файл ресурсов может быть подго- 
товлен с помощью любого редактора ресурсов. Перед использова- 
нием файл ресурсов следует подключить к модулю директивой 
компилятора. К примеру, если надо подключить файл data.res, ge- 


лаем следующее: 


{SR data.tes} 


|magel.Picture.Bitmap.LoadFromResourceName(Instance, 'ris1'); 


ris] - имя ресурса. Указывается при создании изображения в фай- 
ле ресурсов. 


Imagel.Top:=intValue; 
strValue:=skinINI.ReadString('Backlmage’, 
'Backlmage', "); 
{грузим картинку фона из файла} 
|magel Picture. LoadFromFile(Path+"\'+strValue); 


intValue:=skinINI.ReadInteger('Play', 'Sizex', 20); 
Image2.Width:=intValue; 
intValue:=skinINI.ReadInteger('Play', 'SizeY', 20); 
Image2.Height:=intValue; 
intValue:=skinINI. ReadInteger('Play', 'PosX', 20); 
Image2.Left:=intValue; 
intValue:=skinINI.ReadInteger('Play', 'PosY', 20); 
Image2.Top:=intValue; 
strValue:=skinINI.ReadString('Play', 'OnDown', "'); 
{загрузка в память картинок избавит OT торможе- 
ния при выводе} 
sPlayMDown:=TPicture.Create; 
sPlayMDown.LoadFromFile(Path+'\'+strValue); 
strValue:=skinINI.ReadString('Play', 'OnUp', "); 
sPlayMUp:=TPicture.Create; 
sPlayMUp.LoadFromFile(Path+'\'+strValue); 
{нам сразу нужно разместить на форме изображе- 
ние} 
Image2.Picture=sPlayMUp; 


= 


intValue:=skinINI.ReadInteger('Track’, 'PosX', 10); 
Labell.Left:=intValue; 
intValue:=skinINI. ReadInteger('Track’, 'PosY', 60); 
Labell Top:=intValue; 
intValue:=skinINI.ReadInteger('Track’, 'SizeX', 80); 
Labell.Width:=intValue; 
intValue:=skinINI.ReadInteger("Track’, 'SizeY', 20); 
Labell Height:=intValue; 
strValue:=skinINL.ReadString('Track’, 'Text!, "'); 
Label. Caption:=strValue; 
{устанавоиваем шрифт текста} 
strValue:=skinINI.ReadString('Track’, 'FontName', 
'System'); 
Labell. Font Name:=strValue; 
{установим цвет} 
Labell.Font.Color:=RGB( 
skinIN| ReadInteger('Track’, 'FontColork’, 0), 
ким. Readinteger('Track’, 'FontColorG', 0), 
skinIN| ReadInteger('Track’, 'FontColorB', 0) 


А теперь обо всем по порядку. Пере- 
менные intValue и strValue использу- 
ются как временные - в них мы будем 
помещать считанные с М|-файла 3Ha- 
чения. В первой переменной будут на- 
ходиться числовые значения, а во 


второй - строковые. Conf - это INI- 
файл, который содержит имя директо- 
рии, содержащей текущий скин (кото- 
рый в данный момент используется, а 
при смене скина это значение меняет- 
ся). В переменной Path мы и прочита- 
ем это имя каталога. Далее читаем из 
каталога со скином драйл skin.ini. Чис- 
ловые значения параметров (Sizex, 
Ро5У и т.д.) помещаем в intStr, а затем 
в соответствии с этими значениями 
изменяем размеры и позиции элемен- 
тов (например - Image2.Width, 
Labell.Top). Для чтения строк нам по- 
надобится strValue. Строковые значе- 
ния у нас имеют имя файла, текст и 
имя шрифта. Переменные 
sPlayMDown. sPlayMUp имеют тип 
TPicture. sPlayMDown содержит кар- 
тинку, которая отображается при на- 
жатии на этот элемент формы. А вто- 
рая (sPlayMUp) - картинку, отображае- 
мую при отпускании кнопки мыши. 
При чтении sPalyMUp мы сразу же ус- 
танавливаем эту картинку в качестве 
картинки элемента, чтобы ее сразу 
было видно. Labell.Font.Name прини- 
мает значение с именем шрисрта, ко- 
торый мы собираемся использовать. 
Обрати внимание, что при отсутствии 
в системе этого шрифта возникнет 
ошибка (Labell.Font.Color содержит в 
себе цвет текста). У нас цвет хранится 
в виде трех составляющих, и нужно 
перевести этот цвет в КСВ. Для этого - 
одноименная функция RGB, которая 
принимает три значения байт и преоб- 
разовывает их. Все. Теперь приступим 
к обработчикам. 

Ниже приведены обработчики собы- 
тий нажатия и отпускания кнопок мы- 
ши для второго image, а остальные, 
разумеется, можно увидеть в исход- 
нике на диске. 


procedure TForml.lmage2MouseDown(Sender: TObject: 
Button: TMouseButton; 

Shift: TShiftState; X, У: Integer); 

begin 

{при нажатии на картинку, она меняется} 

Image2.Picture=sPlayMDown; 

end: 


a = 


К этому надо стремиться 


В прямоугольную кнопку впихивается 
круглая (под круглой можно понимать и 
"с закругленными краями"), а края, чтобы 
в глаза не бросались, красят в цвет сфона. 


procedure TForml.lmage2MouseUp(Sender: TObject; 
Button: TMouseButton; 

Shift: TShiftState; X, У: Integer); 

begin 

{возвращаем все на родину} 

Image2.Picture:=sPlayMUp; 


end; 


Кстати, неплохо было бы написать об- 
работчик ошибок, чтобы проверять от- 
сутствие файла, неверные параметры и 
проч. Начинающие программисты за- 
бывают про это, а потом в самый Henog- 
ходящий момент всплывают соответ- 
ствующие глюки. Со временем прихо- 
дит автоматизм, и кодеры при открытии, 
чтении из файла, при переводе строк в 
числа и наоборот бессознательно ста- 
Bat try, catch, finally (SEH правит миром! 
- прим. AvaLANche'a). Это я переклады- 
ваю на широкие плечи читателя. 

Нужные элементы можно добавлять 
по аналогии. Как видно из листинга и 
№ -ффайла, у имаджей (кроме фона) 
есть две картинки. Одна - в нормаль- 
ном состоянии, а вторая - при нажа- 
тии. Потому я и использую 
OnMouseDown. Когда срабатывает со- 
бытие на нажатие кнопки мыши, кар- 
тинка меняется, а когда срабатывает 
OnMouseUp - восстанавливается 
прежняя. Я советую применить еще и 
картинку при наведении на image. 
Сделать это можно при событии 
OnMouseMove. Выглядит действитель- 
но приятно. 

Точно так же можно добавить раз- 
личные стили окна. Для большинства 
программ сойдет и обычный вид окна, 
но не все же желают создавать 
Windows-nogo6uHble интерфейсы? Из 


подобных соображений и нужно де- 
лать фоновую картинку программы. В 
примере используются bsNone и 
bsSingle, но что нам мешает поставить 
bsDialog, bsSizeable, bsSizeToolWind? 
Все это зависит исключительно OT 
сфрантазии программирующего. 
Кстати, для украшения программы в 
большинстве случаев используются 
кнопки различной сформы (например, 
круглые). Для них есть два варианта 
исполнения. Первый рассчитан на 
упорных и трудолюбивых програм- 
мистов. Суть его в том, что в прямоу- 
гольную кнопку впихивается круглая 
(под круглой можно понимать и "с 
закругленными краями"), а края, что- 
бы в глаза не бросались, красят в 
цвет фона. Минусов этого метода уй- 
ма. Главный из них в том, что для 
каждого нового фона придется ме- 
нять цвет зарисовки по углам картин- 
ки, которая оказывается привязан- 
ной к конкретному дону. Второй cno- 
соб намного лучше: сделать все пик- 
сели определенного цвета элемента 
прозрачными. У имейджа есть свой- 
ство Transperent, и если присвоить 
ему значение true, то Delphi автома- 
тически возьмет левый нижний пик- 
сел и все пиксели этого цвета сдела- 
ет прозрачными. Получается очень 
красиво, только обидно, что данная 
функция не встроена в Visual Studio - 
там для вывода необходимо рисовать 
картинку на форму, а с рисунком не 
поработаешь. Нет в нем свойств (еще 
бы, все что умеет редактор форм в 
VC++ - раскидать системные Common 
controls по окну, никакими классами 
там не пахнет! - прим. AvaLANche'a). 


У меток также много срункций. Меня 
интересовали цвет, шрифт, позиция, 
размер. Не забывай, что удобнее все- 
го использовать цвета системы RGB. 


ДИЗАЙНЕРСКИЙ ПОДХОД К 
СОЗДАНИЮ СКИНОВ 

и При создании скинов надо пом- 
нить, что они должны быть настраи- 
ваемы (явно или с помощью специ- 
альных программ). И они не должны 
быть однообразными. Придумывай 
что-то новое и оригинальное - ты жи- 
вешь в век абстракции :). В твоем 
скине не должно быть ярких и ядови- 
тых цветов - они режут глаз, человек 
быстро устает и теряет желание ра- 
ботать с твоей программой (попробо- 
вал - весело, а долго юзать - глаза 
болят). В современном мире остается 
все меньше прямоугольных объек- 
тов - все принимает обтекаемые 
формы. Человеческому глазу прият- 
нее плавные линии без острых уг- 
лов. Не забывай об этом. 

Надо стараться использовать в сво- 
ем творении больше интерактивных 
элементов. Красиво будет выглядеть 
кнопка, которая меняет свой внешний 
вид (а иногда и размер) при наведе- 
нии и клике. Век 20 прошел - настало 
время 30. Трехмерные элементы смот- 
рятся лучше. Можно использовать 
анимацию и звук - это стопроцентные 
плюсы. 

При выборе цветов лучше прибег- 
нуть к советам психологов. Наукой 90- 
казано, что некоторые цвета воздей- 
ствуют на человека благоприятно, а 
некоторые удручающе. Синий цвет 
притупляет чувство голода, зеленый 
стимулирует аппетит. Красный воз- 
буждает. Это не догма: все люди вос- 
принимают цвета по-разному, но все 
же какие-то общечеловеческие осо- 
бенности восприятия существуют. 

Интерфейс не должен быть перегру- 
жен. Он должен быть интуитивно по- 
нятным. Много картинок, кнопочек и 
менюшек рассеивают внимание, зат- 
рудняют поиск нужной информации. 
Как пример могу привести программу 
Tweak-XP (служит для "тюнинга" 
Windows). Как говорится, лучшее - 
враг хорошего. Поскольку меню каж- 
goro модуля предлагает подкатегории 
с бесчисленными опциями, инстру- 
ментами и приемами, многообразие 
функций и возможностей поначалу 
смущает пользователя. 


ВЕТ 

и Вот, собственно и все. Надеюсь, 
этот пример поможет тебе начать соз- 
дание программ с использованием 
скинов. Но не стоит забывать и про ди- 
зайнерское оформление: скины и пи- 
шутся ради того, чтобы придать прог- 
рамме лучший вид и возможность мо- 
дифицировать интерфейс без особен- 
ных затрат денег и времени. Все ис- 
ходники содержатся на диске, прила- 


гаемом к журналу. Дерзай! 


ДЕЛАЕМ ВЕБ-МАГАЗИН ) 


Александр Федулов (fedulov@prospect.bz) 


ПЕЛАЕМ 


ВЕБ-МАГАЗИН 


ниверсальных советов 


"на все случаи жизни" 


тоже не дам, а просто 


расскажу о том, как 


| создавался конкрет- 
ный ресурс. Не претендую на то, что- 
бы все мои выводы были приняты за 
однозначные и истинные: истину, как 
говорит один хороший человек, вам 
предстоит искать самим. 

Перед началом кипучей деятельнос- 
ти важно получить достоверные све- 
дения о пожеланиях заказчика, чтобы 
не обмануть его ожиданий и не потра- 
тить зря свои время и силы. Задавай 
вопросы клиенту: чем больше ты бу- 
дешь проникать в тонкости его бизне- 
са, тем более удачное решение npeg- 
ложишь. Он разбирается в разработ- 
ке сайтов хуже тебя, поэтому твоя за- 
дача - рассказать ему о любой воз- 
можной пользе нового сайта. Чем 
больше функциональных возможнос- 
тей ты опишешь, тем лучше. Никогда 
не предлагай высосанных из пальца 
тарисфных планов типа "...бизнес-сайт 
включает в себя то-то и то-то, а сайт- 
визитка - гораздо меньше". Предос- 
тавь человеку, который платит тебе 
деньги, право самостоятельно выби- 
рать то, что нужно его сайту. Загоняя 
себя и клиента в рамки, ты ограничи- 
ваешь свободу своего творчества, 
функциональность будущего продук- 
та и размер своего гонорара. 


ОПРЕДЕЛЕНИЕ ЗАДАЧИ 

mw Итак, наш заказчик - рекламное 
агентство (сетевой оператор), владею- 
щее сетью рекламных щитов, лайт- 
постеров и всего прочего, что каждый 
день мозолит нам глаза. В ходе бесе- 
ды выясняем, что часть этих щитов 
агентство продает самостоятельно, 
часть регулярно скупает оптом поль- 
зуясь услугами так называемых меди- 
абайинговых агентств и таким обра- 
зом централизованно размещает рек- 
ламу крупных брендов. В связи с этим 
была поставлена задача организо- 
вать что-то наподобие онлайн-магази- 
на, в котором можно было бы выбрать 
подходящие места для покупок и 
оформить заказ на размещение CBO- 
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ХАКЕРСПЕЦ 


ПРАКТИЧЕСКИЕ ЗАНЯТИЯ ПО САЙТОСТРОЕНИЮ 


ей рекламы. Все это позволит полу- 
чить конкурентное преимущество пе- 
ред теми операторами, которые еще 
не обзавелись сайтами с такими воз- 
можностями. Многие потребители ус- 
луг рекламного агентства, от которого 
мы получили заказ, - из других регио- 
нов, и им нужно не только показать 
фотографию рекламного щита, но и 
указать на карте города место его 
расположения, специфические харак- 
теристики, ну и, конечно, стоимость 
его аренды. 

Уяснив задачу, отправляемся пи- 
сать техническое задание, служащее 
с одной стороны проектной докумен- 
тацией строящегося сайта, с другой - 
сметой требуемых сил и средств и 
обоснованием бюджета проекта. Что- 
бы не повторять чужих ошибок, обс- 
ледуем сайты передовых в этой отрас- 
ли компаний. Даже весьма неполное 
обследование показывает, что такие 
магазины - вещи довольно редкие: 
большинство конкурентов заказчика 
ограничиваются более простыми и ла- 
коничными решениями (обычно стра- 
ницей в интернете, оснащенной изоб- 
ражением карты города, на которой 
обозначены все имеющиеся реклам- 
ные конструкции, и простым списком с 
фотографиями, адресами и некоторы- 
ми характеристиками носителей). 


ОПРЕДЕЛЕНИЕ ФУНКЦИИ 
ПРОЕКТА 

и Определяем функцию будущего 
сайта - отправную точку разработки 
его дизайна. Ядром ресурса станет од- 
ноуровневый каталог, в котором све- 
дения о товарах будут размещены по 
категориям, не ииеющим вложенных 
подкатегорий. Для заказов npegyc- 
мотрена корзина, для пользователей 
авторизация - все как обычно. Осо- 
бенности рекламируемого товара соз- 
дают ограничения для нашей работы. 
Клиент считает некоторые характе- 
ристики рекламных носителей ком- 
мерческой тайной, поэтому для всех 
неавторизовавшихся пользователей 
ресурс будет работать в режиме ката- 
лога и скрывать часть информации, а 
еще не даст заказать товар. После ав- 


торизации, естественно, все это ста- 
новится доступным. Аккаунт вновь за- 
регистрированного пользователя ста- 
новится активным только после про- 
верки модератором его регистрацион- 
ных данных. Во всех других случаях 
аккаунт пользователя безусловно 
должен начать работать сразу после 
регистрации, не говоря уже о том, что 
вся необходимая информация о това- 
рах должна предоставляться любым 
посетителям сайта. Симптом хорошего 
тона компании, которая является хо- 
зяином сайта, - предоставление неза- 
регистрированным пользователям 
права пользоваться корзиной и тре- 
бовать регистрации только при 
оформлении заказа. 

Кроме стандартного способа поиска 
нужного вида поверхности (обычно 
рекламная конструкция имеет более 
одной поверхности, каждая из кото- 
рых сдается в аренду отдельно) необ- 
ходимо просто и доступно продемон- 
стрировать посетителю ресурса все 
рекламные поверхности, размещен- 
ные по конкретным адресам. Посколь- 
ку положение рекламного носителя 
на карте города - одна из его важней- 
ших характеристик, посетитель сайта 
сможет определить лучшее место для 
размещения рекламы посмотрев на 
все "с высоты птичьего полета". Так и 
мы решили интегрировать интерак- 
тивную карту в создававшийся элект- 
ронный магазин. На карте с помощью 
специальных для каждого вида пик- 
тограмм должны быть обозначены 
места размещения рекламных носите- 
лей, а при наведении курсора на них 
должны показываться всплывающие 
подсказки с самой важной информа- 
цией, при нажатии на них - переход на 
страницу с описанием конкретной по- 
верхности. Для показа пиктограмм не- 
обходимо предусмотреть возмож- 
ность фильтрации по адресам, типам 
и характеристикам поверхностей (к 
примеру, нажатие кнопки должно 
скрывать все поверхности, которые 
сданы в аренду). Задача непростая, но 
решаемая. 

Генерирование карты в виде растро- 
вого файла на стороне сервера отбро- 


сим сразу же - это варварский способ 
использовать вычислительные ресур- 
сы сервера. Решено строить карту на 
стороне клиента, на случай чего есть 
три плана действий: а) написать ап- 
плет Ha Java; 6) использовать движок 
Javascript Map Engine; в) делать карту 
Ha Flash. Поклонники кофе в зернах 
могут забросать меня (и меня, похоже, 
тоже! - прим. AvaLANche'a) тухлыми 
яйцами, но я с давних времен испыты- 
Bato легкую личную неприязнь к Java, 
а во всем виновата ее по-буддистки 
нелучшая производительность на 
платформе Macintosh (и на всех ос- 
тальных тоже - прим. AvaLANChe'a). 
Возможно, кому-то повезло больше 
меня, но программы, написанные на 
Java, пусть даже двадцать раз крос- 
сплатформенные, работали здесь го- 
раздо медленнее и глючнее, чем все 
прочие. Еще одно доказательство ви- 
ны Java - отсутствие в команде опыт- 
Horo Уауа-разработчика, который отк- 
рыл бы глаза на некоторые преиму- 
щества (или закрыл бы глаза на не- 
достаки, да простят меня поклонники 
Java :) - прим. AvaLANche'a). Второй 
вариант был отвергнут как раз из-за 
того, что кроссплатороменностью не 
обладал. Клиент дал такое напут- 
ствие: сайт должен работать одинако- 
во хорошо во всех популярных брау- 
зерах. Но мы с удивлением обнаружи- 
ваем его неспособность работать в 
условиях, отличающихся от "Windows 
+ Internet Explorer". Другим доказа- 
тельством недостатков Map Engine 
стал довольно большой объем интен- 
сивно скачиваемых растровых сай- 
лов, из которых, собственно, и состоит 
карта в этом движке. В результате 
комфортная работа с сайтом доступна 
только счастливым обладателям ши- 
рокополосных каналов, что для нас 
совершенно неприемлемо. Остается 
вариант с Macromedia Flash, который 
обладает необходимой для создания 
по-настоящему интерактивного реше- 
ния гибкостью и позволяет размес- 
тить всю карту в одном файле, а при 
необходимости масштабировать ее 
без заметных потерь в качестве (а 
все благодаря использованию век- 
торной грасфики). 


ПРОЕКТИРОВАНИЕ ИНТЕРФЕЙСА 
и Теперь мы знаем, кто и зачем бу- 
дет ходить на наш сайт, знаем, как 
сайт будет устроен... Самое время за- 
думаться над тем, как расположить на 


«хлебные крошки» 


навигация 


область контента 


вспомогательные 
элементы 


подвал 


Традиционная трехколоночная верстка 


странице элементы интерфейса так, 
чтобы пользователи не проводили 
часы в поисках всего нужного им (Не 
заставляйте меня думать! Я - солдат). 
Что мы имеем? Первое и самое важ- 
ное - собственно магазин с каталогом 
товаров-рекламоносителей. Второе - 
элементы навигации сайта в целом и 
каталога в частности. Третье - тексто- 
вые блоки со ссылками на справоч- 
ную информацию (например, о том, 
как сделать заказ, как пользоваться 
этой мудреной картой и проч.). Ничего 
архисложного - выбираем классичес- 
кую трехколоночную верстку, которая 
состоит из шапки с логотипом и эле- 
ментами фирменного стиля (часто в 
нее включают навигацию, форму по- 
иска на сайте и т.д.) Под шапкой рас- 
полагается область контента, разде- 
ленная на три колонки. В самом низу - 
подвал, в котором размещаем выхос- 
ные данные (копирайты, правовую ин- 
формацию и прочее). 

С шапкой и подвалом все более-ме- 
нее ясно - их внешний вид зависит от 
дизайнерского решения, искать кото- 
poe мы будем чуть позже. А пока nog- 
робнее разберем расположение эле- 
ментов сайта в области контента. Оче- 
видным и логичным решением будет 
размещение основного содержимого 
сайта (собственно информации) в 
средней, самой большой колонке. 


АНАТОМИЯ ВОСПРИЯТИЯ ИНФОРМАЦИИ 


Ш Механизм восприятия текстовой информации связан с нацио- 
нальными особенностями аудитории сайта. Этот ресурс рассчитан 
на русскоязычных пользователей, и естественно векторы сосредо- 


точения внимания посетителей будут направлены сверху вниз и 
слева направо. Вполне логично: тексты на русском языке, в отли- 
чие, скажем, от иврита, арабского и некоторых других языков, пи- 
шути читают слева направо. 


Для наиболее удобного расположе- 
ния требуется предварительная рас- 
становка приоритетов для каждого из 
вспомогательных элементов. Разде- 
лим их на две группы в зависимости 
от степени важности выполняемых 
каждой из них функций. Главное и 
вспомогательные навигационные ме- 
ню, формы для поиска товаров и ав- 
торизации зарегистрированных поль- 
зователей отнесем в первую группу и 
разместим в левой колонке, дополни- 
тельные меню со справочной инфор- 
мацией и редко используемыми наст- 
ройками сайта - во вторую группу и в 
правую колонку. Чем выше располо- 
жен текст, тем он важнее. 

Однако ничто не мешает нам сде- 
лать главное меню гораздо более 
броским и заметным, чем все осталь- 
ное, и разместить его в правой колон- 
ке. Хочешь эффективно выделить OT- 
дельный блок в колонке и привлечь к 
нему внимание? Увеличивай размер 
кегля и выбирай цвет, который бы 
"перекричал" окружающие его текст 
и графику. Здесь важно проявить 
чувство меры и не переборщить с та- 
кими акцентами: стараясь привлечь 
внимание пользователя, мы рискуем 
получить перегруженный и тяжелый 
для восприятия сайт. Если по каким-то 
причинам ты не хочешь располагать в 
левой колонке, например, главное ме- 
ню - просто перемести его вверх, в 
шапку. Не забудь продублировать его 
в нижней части страницы сайта, если 
ожидаются большой объем текста и, 
как следствие, полоса прокрутки. Кро- 
ме перечисленных элементов у нас на 
сайте будет дополнительное навига- 
ционное меню, которое буржуи назы- 
вают "хлебные крошки". Внесем не- 
большой беспорядок в наш макет и 
сделаем его ассиметричным, а об- 
ласть для "крошек" выделим над 
средней и правой колонкой. Надо 


» 


Задавая цвет 
полосы прок- 
рутки браузе- 
ра, ты должен 
помнить, что 
эти прелести 
доступны лишь 
Windows-103e- 
рам, использу- 
ющим Internet 
Explorer. 


Назначая пара- 
метр Border в 
стилях формы, 
имей в виду, 
что вместе с 
текстовыми 
полями ввода 
ты "украсишь" 
и Checkbox'bi, 
которые в об- 
разованном 
границами 
квадрате будут 
выглядеть не- 
лепо. 


ДЕЛАЕМ BEB- 


АГАЗИН _) 


Финк 


РЕКЛАМНОЕ АГЕНТСТВО 


L Abwe— 


РЕКЛАМНОЕ АГЕНТСТВО 


По возможнос- 
ти указывай 
размер кегля в 
относительных 
величинах. 
Браузеры по- 
зволяют легко 
масштабиро- 
вать такие 
тексты, за что 
тебе будут 
благодарны 
обладатели мо- 
ниторов с 
большим раз- 
решением и 
люди с плохим 
зрением. 


признать, что в этом случае мы не- 
много отступили от традиций, так как 
это меню чаще всего размещают или 
над шапкой, или сразу под нею. 


НАЧИНАЕМ РИСОВАТЬ 

m Безусловно, оформление сайта 
должно соответствовать его "осрлай- 
новому" срирменному стилю, для о03- 
накомления с которым просим у за- 
казчика логотип, дфирменный бланк и 
фотографию щита с его саморекла- 
мой. Многие дизайнеры забывают о 
том, что они не художники, а ремес- 
ленники, и должны производить ути- 
литарные вещи в первую очередь, а 
во вторую - произведения искусства. 
Нельзя делать дизайн ради дизайна, 
потому что потом им еще должны 
пользоваться простые смертные :-). К 
сожалению, эти логотип и бланк крас- 
норечиво свидетельствуют о боль- 
ших творческих амбициях его автора. 

С помощью веских аргументов убеж- 
даем клиента в том, что клякса со сти- 
лизованным изображением буквы 
"дельта" греческого алфравита не мо- 
жет стать очевидным аналогом буквы 
"д" русского алоравита и затруднит 
чтение логотипа. Предлагаем заме- 
нить это безобразие на прописную 
"д". Отдельные умники могут припом- 
нить логотип фирмы "Найк", в котором 
часто вообще не использует буквен- 
ная составляющая логотипа, но и на 
этот случай у меня заготовлено же- 
лезное доказательство. Для стопроце- 
нтной узнаваемости такого логотипа 
нужно вложить в его раскрутку огром- 
ные деньги и тогда, конечно, графика 
не будет нуждаться в буквенной рас- 
шисфровке. Например, серп и молот не 
требуют поясняющей подписи "комму- 
низм". Но это не для нас: что позволе- 
но Юпитеру, то нельзя быку. Потому 
просто нарисуем наше "д" так, чтобы 
было не слишком похоже на Дали, и 
тем самым придем к консенсусу. По хо- 
gy дела отметим, что кроме указанных 
заказчиком срирменных синего и оран- 
жевого цветов за таковой придется 
принять и белый, присутствующий в 
качестве срона на бланке (белый цвет 
и отсутствие цвета - разные вещи). 
Лучше всего синий логотип будет 
смотреться на белом ‹фоне, поэтому в 
качестве срона для будущих страниц 
выбираем именно его. 
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ЧТО ЕСТЕСТВЕННО, TO НЕ БЕЗОБРАЗНО 


Ш Никому не нуж- 
но объяснять, что 
перцы (овощи) 
должны быть по- 
хожи на перцы, а 
не на что-нибудь 
еще. На получен- 
ной от заказчика 
фотографии они 
были плоскими, 
совершенно не пе- 
речного цвета и не 
отбрасывали те- 
ней (совсем как вам- 


Исходное фото для работы 


пиры). Проведя элементарную цветокоррекцию, получаем здоро- 
вый красный цвет и заодно убеждаемся, что ножка у одного из ово- 
щей все-таки в оригинале была задумана зеленой. Осветлив верх- 
нюю и затемнив нижнюю часть перцев, а также добавив тени в со- 
ответствии с воображаемым направлением падающего света, полу- 
чаем в результате объем и естественность форм перцев. Выше пос- 
мотри на то, что было, а что получилось - в исходнике. 


Рассмотрим внимательно бланк: 
внизу есть нечто имитирующее мазки 
кисти на холсте и что-то еще (весьма 
спорное решение для оформления 
деловой и распорядительной доку- 
ментации). Возможно, это должно бы- 
ло символизировать особый творчес- 
кий подход к рекламе, принятый в 
этом агентстве. При разработке ди- 
зайна мы будем отталкиваться имен- 
но от этого символа, так как он особо 
дорог заказчику. Не являясь специа- 
листом по такой высокохудожествен- 
ной анархической мазне, я вспомнил 
сайт дизайн-студии Juxt interactive, 
возглавляемой небезызвестным Тод- 
дом Пергассоном (пользуясь случаем, 
выражаю глубокий respect). Дабы 
проникнуться их стилем, весьма близ- 
ким к тому, который требуется соз- 


дать, пошел на сайт студии. К своему 
удивлению обнаружил у Джакстов 
совершенно новый дизайн, а всячес- 
ких завитков, клякс и прочего не оста- 
лось и в помине. Не велика беда: нес- 
мотря на то, что я был там последний 
раз пару лет назад, впечатления от 
яркого и легко запоминающегося ди- 
зайна еще живы. Решив прекратить 
поиски близких по духу сайтов, загля- 
дываю в свою коллекцию шрисфтов в 
поисках гарнитуры с подходящим ри- 
сунком шрисрта ("завитки" на самом 
деле не что иное, как нарезка из от- 
дельных частей букв декоративных 
шрисфтов, стилизованных под руко- 
писные). Из нескольких кандидатов 
выбираем English Vivace - отличный 
шрист, выпущенный в 1990 году 
фирмой Bitstream Inc. 
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Нарезаем дизайн на дольк 


ССЫЛКИ И СОФТ 


Два перчика, иллюстрирующие ту самую 
фирменную "остроту", станут оригинальной 
деталью, украшающей шапку. 


С одной стороны, при поставленной 
задаче сделать дизайн максимально 
выразительным и в то же время прос- 
тым мы должны использовать мини- 
MYM грасфики. С другой - необходимо 
дать понять посетителю сайта в его 
первый приход туда, что мы находим- 
ся на сайте рекламного агентства, спе- 
циализирующегося на наружной рек- 
name. Очевидно, что на сайте должно 
присутствовать изображение с рек- 
ламного щита. Преследуя благую 
цель сделать шапку как можно про- 
ще, я решил размещать в ней только 
логотип и слоган. Слоган "Острая по- 
мощь в рекламе" написан оригиналь- 
ным шрисфтом - мы возьмем его прямо 
оттуда. С единственной оговоркой - 
черного цвета в шапке у нас не может 
быть, потому как он не является фир- 
менным цветом клиента. Решение 


простое - перекрашиваем его в нуж- 
ный нам цвет и помещаем в шапку. 
Логотип и слоган должны уравнове- 
шивать друг друга в шапке, поэтому 
логотип, как более важный элемент, 
поместим слева, а слоган - справа. 
Два перчика, иллюстрирующие ту са- 
мую фирменную "остроту", станут 
оригинальной деталью, украшающей 
шапку. Ну а для того, чтобы логотип и 
слоган не "повисли в воздухе", доба- 
вим к ним детали, поддерживающие 
их: оранжевую (фирменный цвет!) под 
логотипом, а под слоганом - светло- 
синюю с игривыми завитками , хоро- 
шо сочетающимися с ножкой одного 
из перчиков. Для того чтобы визуаль- 
но отделить шапку от контента, неб- 
режно проведем горизонтальную ли- 
нию под "хлебными крошками". Полу- 
чаем простую и лаконичную шапку - 


ОВОГОДНИЙ HOMEP!! 
УЖЕ В ПРОДАЖЕ 


Более 15 конкурсов 
с крутыми подарками ~ 
ты даже сможешь выиграть 
моддинговый корпус 
с логотипом журнала! 


ЖУРНАЛ КОМПЛЕКТУЕТСЯ 
ДИСКОМ С ЛУЧШИМ СОФТОМ 


ТВОЯ МАМА 
БУДЕТ В ШОКЕ! 


ЕЛАЕМ ВЕБ-МАГАЗИН ) 


Контент 


лицо страницы на все 100% отражает 
фирменный стиль заказчика. В довер- 
шение всего назначим фоном к шап- 
ке градиентную заливку (от синего к 
белому). 

Очевидно, что верх страницы приоб- 
pen стройность CPOPM и целостность 
композиции, поэтому изображения с 
щитов помещаем в подвале. Дабы не 
увлекаться излишним декором и не 
плодить совершенно бесполезные в 
утилитарном плане делали, разместим 
на щитах выходные данные. Щит по- 
больше, с контактной информацией 
клиента, упраздняет раздел "Контак- 
ты": адрес и телефон сдрирмы размеще- 
ны на каждой странице сайта. Щит по- 
меньше - копирайты разработчиков :), 
ну и самый маленький будет нести на 
себе три пиктограммы: ссылки на 
главную страницу, страницу для поис- 
ка товаров-рекламоносителей и на е- 
mail конторы. Для установления пу- 
щей исторической справедливости 
большой щит сделаем стилизован- 


ным под биг-борд с "ногами" в виде 
буквы "Ww", что дополнительно подче- 
ркнет связь дизайна сайта с конкрет- 
ной фирмой, являющейся распрост- 
ранителем рекламы: бигборды с такой 
оригинальной конструкцией вы не 
найдете больше нигде. Перевернутый 
градиент уравновесит верх и низ 
страницы и поможет создать иллю- 
зию глубины пространства в подвале. 
Довершаем это дело фрагментами 
наиболее понравившихся букв "а-ля 
Тодд Пергассон", проведем небреж- 
ную белую линию, символизирующую 
горизонт и поставим рядом с малень- 
ким щитом маленький силуэт счастли- 
вой влюбленной парочки, чтобы при- 
дать живость сухой абстрактной ком- 
позиции подвала. 


ВЕРСТКА МАКЕТА 

и После определения порядка рас- 
положения основных элементов сайта 
и разработки дизайна наступит время 
заняться нарезкой картинок и 


Сверстанный макет 
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версткой макета. Как и что нарезается, 
ты можешь посмотреть в исходнике, а 
мы же сосредоточимся на макете. 

Будем исходить из того, что страни- 
цы должны отображаться без гори- 
зонтальной прокрутки при разреше- 
ниях OT 1024x768 точек и выше, а в 
идеале - от 800x600. Ты спросишь: "А 
почему "в идеале"? Дело в том, что 
одной из важных составляющих сай- 
та является Flash-Kapta города, шири- 
на которой после экспериментов с 
масштабированием была установлена 
в размере 640 пикселей, то есть сред- 
HAA колонка не может быть меньше 
этого значения, если в странице пока- 
жется карта. А нужно еще разместить 
левую и правую колонки... Путем нес- 
ложных подсчетов (и экспериментов 
по сравнению с шириной правой ко- 
лонки) получаем для левой колонки 
ширину 188 пикселей, для правой - 
144. Эти значения отличаются, потому 
что в левой колонке у нас в форме 
поиска будут находиться выпадаю- 
щие списки, для которых меньшей 
ширины колонки может не хватить, ну 
а в левой ожидаются только блоки с 
текстовыми ссылками. Наша цель - 
создать шаблон "резиновой" страни- 
цы, которая будет масштабироваться 
и заполнять собой мониторы с самы- 
ми распространенными разрешения- 
ми при отсутствии на странице громо- 
здких элементов (в нашем случае - 
карты города). 

Открываем любимую программу 
верстки НТМЕ-файлов и создаем 
таблицу шириной 100% - это буду- 
щая шапка. Поскольку картинок для 
шапки у нас две, делим таблицу по- 
полам и помещаем картинки, не за- 
бывая прописать параметр Align 
(выравнивание). На дворе уже 2005 
год, мы идем в ногу со временем и 
верстаем в соответствии со стандар- 
том XHTML 1.0 :). 

Использовать в таблицах атрибут 
Background нельзя: для каждой из таб- 
лиц, требующих срона в виде растрово- 
го изображения, все фоновые картинки 
прописываем в CSS как индивидуаль- 
ные стили. Я сделал это во внешнем 
файле стилей, но никто не запрещает 
тебе объявить стили внутри HTML-go- 
кумента. Поскольку у шапки фон еди- 
нообразный, создадим стиль, в котором 
будет фоновая картинка для всей таб- 
лицы. Далее действуем по аналогии - та 
же таблица, те же 100%. Делим ее на 
три части (по числу колонок). Для ле- 
вой и правой зададим ширину в пиксе- 
лях, среднюю же оставим в покое - 
пусть масштабируется как душе yrog- 
но :). Самое интересное - подвал. 

Точно так же создаем таблицу со 
стопроцентной шириной (сильно ска- 
зал:)) и разделим ее опять же на три 
части, поскольку подвальную компози- 
цию логичнее всего разделить именно 
на столько частей. Не забудь создать 
для нее фоновую картинку и соответ- 
ствующий класс в таблице стилей. Для 
каждой из групп снова создаем табли- 


цы, каждая из которых заполнит собою 
всю предоставленную ей ячейку. Такие 
сложности с нагромождением таблиц 
возникают из-за того, что для обеспе- 
чения свободы масштабирования при- 
дется создать фон, состоящий из двух 
слоев. Надеюсь, ты не запутаешься с 
таблицами и сможешь сделать это без 
подробного мануала, если нет - смотри, 
как сделал это я. 

Кстати, картинки, располагающиеся 
поверх неоднородного, неповторяю- 
щегося фона (у нас он вынесен BO 
вложенные таблицы) при дефиците 
свободного пространства могут перек- 
рывать фон, нарушая тем самым еди- 
нообразие. Но для настоящих индей- 
цев это не проблема: нужно лишь при 
экспорте позаботиться о том, чтобы 
они имели прозрачный фон, сквозь 
который будут выглядывать... пра- 
вильно, картинки, находящиеся под 
ними :). Но это уже совсем другая ис- 
тория - переходим к премудростям оп- 
тимизации графики. 


ОПТИМИЗАЦИЯ ГРАФИКИ 

ш Хороший сайт должен весить Ma- 
ло, поэтому наш долг и почетная обя- 
занность - обеспечить наименьший 
вес графики. Повторю известные 
всем истины: если картинка представ- 
ляет собой нечто содержащее боль- 
шое количество цветов (например, 
фото), то разумнее всего экспортиро- 
вать ее в формате .jpeg. Если же она 
представляет собой рисунок или схе- 
му с относительно небогатой палит- 
рой, экспортируем в .gif. Выбирая 
формат для экспорта, прояви любо- 
пытство и поэкспериментируй с наст- 
ройками, посмотри на реакцию кар- 
тинки на изменения параметров экс- 
порта. Даже железные правила име- 
ют исключения, и твоя картинка мо- 
жет стать подтверждением одного из 
них. Я лишь поясню, чем я PYKOBOG- 
ствовался работая над данным сай- 
том. Для отображения логотипа cpup- 
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мы и многих картинок подвала необ- 
ходимы один-два цвета и несколько 

их оттенков: в таком случае логично 

будет выбрать дающий в итоге мень- 
ший Bec .gif. 

В тех областях GIF'oB, где присут- 
ствует фон-градиент, путем редакти- 
рования палитры делаем пиксели cpo- 
на прозрачными (из-за ограниченной 
256-ю цветами палитры плавный пе- 
реход одного цвета в другой здесь бу- 
дет ступенчатым), сквозь которые бу- 
дет виден заботливо приготовленный 
нами .jpeg, который еще и идеально 
подходит для градиентов. И тут разда- 


дутся возмущенные голоса: "А как же 
„рпд?" Но мы ответим им, что время 
этого формата еще не пришло и не 
все современные браузеры корректно 
поддерживают его отображение. Я 
нисколько не отрицаю его прогрес- 
сивности - в отдельных случаях он 
легко обставляет своих конкурентов, 
но все веб-дизайнеры, как настоящие 
заложники браузеростроителей, с не- 
терпением будут ждать новых версий 
"бродилок", для того чтобы поэкспе- 
риментировать с альфа-каналами и 
порадоваться прочим вкусностям 
.рпд. Но это будет завтра, а сегодня - 
пользуемся тем, что есть. 
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НАПОСЛЕДОК 


ш Исходные файлы дизайна сайта в 
формате .png (для редактирования 
рекомендуется Macromedia Fireworks), 
а также .HTML, таблицу стилей и опти- 
мизированные изображения ты най- 
дешь на прилагаемом к журналу ком- 
пакт-диске. Жалею, что не получи- 
лось вместить сюда вопросы проекти- 
рования НазИ-карты, которые сами по 
себе просят отдельной статьи. Как 
она устроена и почему именно так - ты 
можешь спросить у меня или у Макси- 
ма Шамана, по доброте душевной от- 
давшего свою аську тебе на растерза- 
ние (15045717), за что ему большое 
человеческое спасибо. Также я хотел 
бы поблагодарить Дениса Киселева 
(программера) за добрые советы и 
здравые идеи по проектированию 
сайта. BE 


Редактирование палитры GIF'a 
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Интерактивность 
Macromedia Flash 
С чего начать: опыт 
профессионалов 


Объемный мультик 
Создание и анимация трехмерных 
моделей 


В ДВИЖЕНИИ — ИНТЕРАКТИВНОСТЬ MACROMEDIA FLASH ) 


Jenius (основатель) и Mcrush (кодер), дизайн-студия Xpdesign (www.xpdesign.fromru.c 


ИНТЕРАКТИВНОСТЬ 
MACROMEDIA FLAS 


С ЧЕГО НАЧАТЬ: ОПЫТ ПРОФЕССИОНАЛОВ 


отелось сделать этот материал непопсовым введением во Flash, чтобы не 
X увеличивать количество хлама на эту тему, накопившееся в книжках, 
журналах и интернете. Нам это удалось. Своим опытом и знаниями делятся 
основатель и кодер дизайн-студии Xpdesign (www.xpdesign.fromru.com), работы 
которых впечатляют: www.tpst.ru, www.kontidom.ru 


INTRO 


И go Hac о Flash писали go- 


вольно много, и наверняка 


многим уже известно, что это 


такое. Не будем монотонно по- 
вествовать об истории развития Масготе а 
и технологии Flash и ограничимся самым ин- 
тересным - подробным описанием возмож- 
ностей Flash, мнением просфессионалов, сло- 
жившимся в результате долгого и порой нуд- 
ного, хотя в общем очень увлекательного ис- 
пользования этого продукта. 

Современный рекламный бизнес развива- 
ется фантастически быстрыми темпами в его 
всех без исключения отраслях. Рекламные 
агентства грызут друг другу глотки, борясь 
за клиентов. На голубых экранах мелькают 
рекламные ролики неземной красоты. Все 
это требует новых и новых прогрессивных 
технологий. \\еБ-дизайн также не обошла 
эта гонка вооружения, и на смену скучному 
НТМЕу пришел Flash, открывший новые го- 
ризонты в интернет-рекламе. 

Что же особенного кроется в этой техноло- 
гии, которая носит гордое имя Flash? Мы 
вряд ли опишем весь ее потенциал. Вот спи- 
сок некоторых результатов применения Flash 
(будем объективны и выскажем даже горь- 
кую правду): 


- меб-сайты с повышенным уровнем инте- 
рактивности, красочной анимацией и малым 
весом; 

- работающие локально презентации; 

- красиво оформленные, настойчивые в 
своем труде баннеры с малым весом (в IE че- 
рез опции Windows их не отключишь); 

- свой собственный Word или калькулятор 
(увы, не самый удобный способ создавать 
программы); 

- игры (большинство неоправданно попу- 
лярны и выбираются баловниками, чего не 
скажешь только о нескольких онлайн-про- 
ектах); 

- мульты (с этого начинали многие :); 

- векторная rpacpuka (способ рисовать век- 
торы, используемый только маньяками, кото- 
рые не замечают созданный специально для 
atoro Illustrator). 


Все это - стандартные и широко распростра- 
ненные пути применения Flash, но наличие в 
нем скрытых талантов никто не отрицает. 
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ACTION SCRIPT 

Эти первые шаги в создании интерактив- 
ных проектов... Как же сделать проект 
действительно интерактивным? Именно для 
этого был создан специальный язык прог- 
раммирования - Action Script (далее просто 
AS), позволяющий полностью управлять Ha- 
шим мувиком. AS заточен строго nog Flash, 
поэтому максимально удобен и прост в осво- 
ении, хотя и недостатки кое-какие имеет. Все 
перечисленное ниже позволяет Action Script. 

Ты сможешь управлять ходом событий в 
мувике (что должно произойти сначала, а 
что попозже) и создавать анимацию само- 
стоятельно, например, двигать какой-то объ- 
ект с определенной скоростью. Особое вни- 
мание стоит уделить анимации и рисованию 
только на А$, без использования какой-либо 
дополнительной грасрики. Ha Flash можно 
легко написать ЗО-движок, к которому впос- 
ледствии прикрепляется сфизика, какие-ни- 
будь эффекты и даже текстурирование. Это, 
конечно, не Doom 3, но всякие красивости 
получишь без проблем. 

Фантастические возможности получения и 
передачи данных из других приложений - og- 
на из самых важных функций AS. Можно 
связать Flash с XML, PHP, Java Script, HTML, 
DHTML, ASP, MySQL и еще множеством прог- 
рамм и языков. 

Action Script - гибкий, доступный и надеж- 
ный инструмент, без которого не обходится 
ни один серьезный проект. 


ПРОГРАММИРОВАНИЕ В ACTION 
SCRIPT 

Операторы в AS традиционны и чем-то 
напоминают С++ и даже Бейсик, однако на- 
чинающему советуем купить какую-нибудь 


книженцию (смотри "Обзор книг" - 
прим. peg.) - в ней ты найдешь все 
нужное. В магазинах куча литературы 
по программированию как в Action 
Script, так и по Flash в целом. Нович- 
кам очень рекомендуем книгу Шэма 
Бангала "Action Script. Основы". Чест- 
но говоря, человека, взявшегося за 
изучение Flash, подводные камни бу- 
дут поджидать только первое время. 
После избавления от статуса новичка 
ты с легкостью будешь находить вы- 
ход из сложнейших ситуаций, за ре- 
шение которых раньше не осмелился 
бы взяться. В среднем требуется око- 
ло половины года, чтобы изучить 
Flash почти в совершенстве. Прежде 
всего возникнут трудности с А$ - надо 
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у мыслить логично, что при больших 
ЭКСПЕРТНОЕ МНЕНИЕ ДИЗАЙН-СТУДИИ XPDESIGN ее 


го определяй сценарий мувика, чтобы 


потом не было неприятных глюков. Львиная доля 
AS - это язык, который несмотря на рекламных ма- 
некоторые недостатки наиболее удо- ве. 
бен для Flash и лучше которого вряд Ноа 
ли еще придумают. Один из грехов AS - Flash для обес- 
отсутствие закладок непосредственно печения интер- 


в коде, затрудняющее работу с боль- ативноси, 


шими объемами. Бывает, несколько 
раз скролишь код и Bgpyr "пролета- 
ешь" мимо нужного участка :). Также 
не помешала бы панелька с наибо- 


лее часто используемыми операто- РАН ; 

~ _ ction Scrip 
рами. Можно найти кучу таких недо Е 
четов и предложений в адрес творить во 
Macromedia: каждый хочет обеспе- Flash настоя- 
чить себе максимальный комфорт в и чудеса, но 

se обращаться с 

работе. Разработчики поступили муд О В 
ро: не стали подстраиваться под всех, лочкой надо 
а реализовали универсальный вари- уметь. 


ант. Кстати, во всех предыдущих вер- 
сиях НазН'а можно было выбрать ин- 
терфейс окна Action Script'a ("Начи- 
нающий" или "Эксперт"), что значи- 
тельно облегчало работу новичкам. 
Непонятно, зачем Flash лишили этой 
фишки, вероятно, чтобы ты действо- 
вал ручками, постепенно повышал 
скорость работы и увеличивал объем 
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B Action Script 
есть множест- 
во недокумен- 
тируемых фи- 
шек, которые 
лучше всего 
искать в ин- 
тернете на фо- 
румах, посвя- 
щенных Flash. 


МНЕНИЕ ЭКСПЕРТА 
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знаний (аналогично верстке HTML в 
Notepad'e - прим. peg.). 

Хороший совет - сесть сразу за се- 
мерку (Flash МХ 2004). Может быть, 
сначала пустое окошко А$ покажется 
тебе неуютным, но ты к нему быстро 
привыкнешь и быстро достигнешь зва- 
ния мастера. Главное - не лениться! 


SWF 

Допустим, ты сделал свой первый 
мувик и уже предвкушаешь выраже- 
ния лиц очарованных твоим талантом 
людей (а кое-кто - шорох нарублен- 
ной капусты в кармане). Продемон- 
стрировать свой первый шедевр все- 
му миру ты можешь через созданный 
специально gna этого SWF-nnenep, 
проигрывающий файлы с разреше- 
нием .Swf (ShockWave for Flash). По 
сути Flash умеет экспортировать (File- 
>Export->Export Movie / Image) во мно- 
жество других "срорматов", напри- 
мер, в .avi, .MOV или даже в .ехе (стан- 
дартный плеер + мувик в одном ис- 
полняемом срайле), для которых не 
требуется наличия Р!азВ-плейера (а 
без него и свою swf'ky на компе не 
запустишь). 

По умолчанию в Windows действует 
"вшитый" Flash-nnenep, к сожалению, 
шестой версии. Так как весь мир дав- 
но пересел на семерку, то придется 
доставать последнюю версию самос- 
тоятельно. Не все так плохо: при инс- 
талляции НазВ'а тебе предложат уста- 
новить и плейер. Теперь можешь спо- 
койно смотреть и оценивать шедевры. 
А так как пришлось поставить Flash, 
то воспользуйся случаем попробо- 
вать себя в web-developing. "Полис- 
таю макулатуру пару-тройку деньков 
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и "по-быстрому" научусь выдавать 
шедевры," - поверь, это ниже твоего 
достоинства. Действующие под таким 
девизом получают только новое "за- 
брошенное на полку" и продолжают 
"гаматься". 

Еще один способ получить SWF- 
плейер - скачать его с WWW.macrome- 
dia.com. Там все отлично продумали: 
адрес набирать не придется, код в 
HTML'e сам детектит, есть у тебя 
плейер или нет. Установить плейер 
придется и в том случае, если у тебя 
стоит версия старее, чем та, что ис- 
пользуется в просматриваемом муви- 
ке. Запустив у себя любой .swf-cpain, 
ты увидишь довольно скучное окошко 


без какого-либо интерсрейса (лишь с 
парой менюшек вверху). Если автор 
swf'kv не отключил через AS возмож- 
ность зума, то, щелкнув правой кноп- 
кой мыши, ты можешь спокойно при- 
близить любые детали картинки или 
анимации и разглядывать прорисовки. 
Главное, чтобы в кадре было не раст- 
ровое изображение, иначе ты уви- 
дишь лишь кучку пикселей на экране. 


ПУБЛИКАЦИЯ 
И ЗАЩИЩЕННОСТЬ 

Как же сделать Flash'ky открывае- 
мой через IE? Достаточно лишь 
"опубликовать" ее (File->Publish). Го- 
товый НТМЕ-файл вместе с $м!ой бу- 
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дет размещен в папке с исходником. 
Смело переименовывай HTML в index 
и выкладывай на сервер. Твой пер- 
вый сайт готов! SWF-qpamn весом го- 
раздо меньше исходника, так как при 
компилировании ликвидируется во- 
рох дополнительной информации и 
все это еще оптимизируется. Напри- 
мер, FLA-cpain размером 1 Мб после 
компилирования выдает $\-файл на 
800 Кб меньше (порой разница в ве- 
се более значительна). 

То, что мувик уже скомпилирован, не 
означает полной защищенности ин- 
формации, так как все ресурсы, спря- 
танные Bo Flash’ke, всегда будут дос- 
тупны. С помощью декомпилеров мож- 
но выдернуть все ее "внутренности". 
Насчет этого можно сказать две вещи. 

@. Декомпилировать чужой труд не- 
хорошо. Человек старался, обливался 
потом, выкуривал сигарету за сигаре- 
той, а ты, такой умный, взял и недолго 
думая поюзал его работу. 

@. Самое веселое в этой теме то, что 
даже достав код ты вряд ли сможешь 


его как-нибудь использовать: тебе не 
удастся угадать чужие мысли (если 
только код не примитивный). 

Так что не играй в хирурга, а отп- 
равляйся на www.flasher.ru - там обяза- 


тельно помогут, в рот все положат и 
разжуют. С помощью декомпилера 
кроме кода можно достать картинки, 
шрисфты, шейпы (векторную графи- 
ку), звуки, объекты для использова- 
ния в ролике (кнопки, клипы, графи- 
ку). Так что не стоит пытаться полу- 
чить доступ к какому-нибудь разде- 
лу сайта под паролем, который хра- 
ниться в А$, иначе любой чел, зна- 
комый со словом Decompiler, обой- 
дет такую защиту. 


КОНЦОВКА 

и В заключение можно лишь ска- 
зать, что Flash не терпит того, чтобы ты 
останавливался на достигнутом: всегда 
найдется деталь, которая сможет уди- 
вить даже просри. Не жалей времени и 
сил. Flash со временем набирает силу - 
за ним будущее. ТВОРИ! SE 


С помощью декомпилера кроме кода можно 

+ достать картинки, шрисфты, шейпы 

(векторную грасфику), звуки, объекты GNA 
использования в ролике 
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При публика- 
ции отсекается 
"мусор" и оп- 
тимизируется 
конечный код, 
отсюда глав- 
ное достоин- 
ство Flash - 
небольшой 
размер готово- 
го мувика. 


К сожалению, 
код никак не 
защищен от 
декомпилято- 
ров. Похож на 
сигнализацию 
на машине, ус- 
тановленную в 
надежде спас- 
тись от угон- 
щиков-профи. 
Но от дураков 
защищает на- 
дежно. 
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СОЗДАНИЕ И АНИМАЦИЯ ТРЕХМЕРНЫХ МОДЕЛЕЙ 


удем создавать вполне симпатичную анимацию на компьютере. Не бойся и не листай страницы дальше: это 
доступно даже для того, кто не может нарисовать круг с помощью мышки :). Нам потребуются не гениальные 
художественные способности, а всего лишь LightWave Modeler (или любой другой трехмерный редактор) и Poser 5. 


СОЗДАНИЕ 


LIGHTWAVE 


ш Знакомься - 
LightWave, один из 
главных героев статьи, он же на 
скриншотах в разных ракурсах. В его 
окнах присутствуют рабочее поле, ме- 
ню, расположенная слева панель 
инструментов и вспомогательные па- 
нели снизу. В правом верхнем углу - 
кнопки управления слоями, кстати, 
очень удобные. Если нажать на верх- 
нюю часть такой кнопки, модель, на- 
ходящаяся в выделенном слое, стано- 
вится доступной для редактирования, 
нижняя часть кнопки - для отображе- 
ния модели в виде черного контура. 
Слои используются в моделировании 
не только для загрузки в них моде- 
лей, но и для операций над ними. 

А сейчас ты оторвешь глаза от этой 
страницы и посмотришь вокруг себя: 
большинство предметов, которые су- 
ществуют в мире, можно разбить на 
элементарные геометрические фигу- 
ры. Для создания любого объекта 
достаточно использовать всего нес- 
колько примитивов: многогранник 
(Box), шар (Ball), диск (Disc) и конус 
(Сопе). В нижней части экрана есть 
три световые кнопки: точки (Points), 
многоугольники (Polygons) и объем 
(Volume). Сразу переключаемся в ре- 
жим работы с полигонами. Если требу- 
ется выделить объекты в режимах 
Points и Polygons, нужно щелкать по 
ним левой кнопкой мыши, а если груп- 
пу - обводить при зажатой правой. 

Создавать персонаж можно двумя 
способами. Первый - формировать 
его из примитивов, представив то, из 
каких полигонов будут формировать- 
ся руки, из каких - ноги и как пода- 
рить существу голову. Главное - не 
переборщить с количеством сторон и 
сегментов и не затруднить тем самым 
моделирование. Второй - представить 
наш объект в виде группы примити- 
вов и собрать его из них как из куби- 
ков. Освоить второй способ проще, 
поэтому в статье мы будем использо- 
вать именно его, ну аесли бы мы бы- 
ли матерыми 3О-модельерами, то соз- 
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дали бы фигуру привычным спосо- 
бом. На твоих глазах будет происхо- 
дить рождение хакерского робота. 
Сначала запустим Poser и экспортиру- 
ем человека (не путать с роботом!) с 
помощью Export->LightWave 5, на все 
всплывающие окошки отвечая ОК. 
Человека мы импортируем в 
LightWave Modeler и украдем у него 
пропорции тела для робота. Если 
этого не сделать, то модель, импор- 
тированная в Poser, окажется гиган- 
тской и будет просматриваться пол- 
ностью только при откате камер на- 
зад. Конечно, можно воспользовать- 
ся бесплатными утилитами для изме- 
нения размеров нашей модели перед 
импортом в Poser, но это только go- 
бавит проблем, поэтому лучше сде- 
лать что-то заранее, чтобы не пере- 
делывать потом. Запускаем Modeler, 
выделяем второй слой и сажаем в 
него экспортированного мужика 
(Load object into layer...). Переходим в 


первый слой и выбираем нижнюю 
половину второго, чтобы контуры 
дядьки стали черными. 

На рисунке - наш робот, который 
в данный момент состоит из куби- 
ков и шариков (то есть уже обза- 
велся головой, шеей, корпусом, 
животом, ягодицами, плечами, 
предплечьями, кистями рук, бедра- 
ми, лодыжками и стопами) на фоне 
Розег'овского силуэта. Состав час- 
тей тела мужичка не случаен: в 
Розег существует четкая иерархия 
частей тел моделей, которая приго- 
дится при задании иерархии объек- 
та. Чтобы нам было удобнее созда- 
вать робота с опорой на рисунок 
(просто создаем кубики и шарики и 
располагаем их в соответствующем 
порядке), отключаются контуры 
второго слоя и назначаются опре- 
деленные группы цветов частям те- 
ла. Команды, нужные для создания 
робота, смотри на врезке. 


Если этого не сделать, то модель, 
импортированная в Poser, окажется 
гигантской 
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Необходимо знать размеры будущей модели 


Такого робота мы создадим минут за 
десять даже не владея трехмерным ре- 
дактором. Главное - не торопиться и 
тщательно лепить новые “кирпичики” к 
имеющимся. Если силы иссякли и робот 
сопротивляется собственному рожде- 
нию, используй модель со “Спец СО". 


ЭКСПОРТ МОДЕЛИ, ИЛИ ЧЕЙ 
СКЕЛЕТ В ШКАФУ? 

Такому непростому делу, как экс- 
портирование, следует посвятить це- 
лый раздел. То, как мы экспортируем 
модель, влияет на особенности созда- 
ния ее скелета. Скелет создается в 
Розег и помогает программе понять, 
как должны себя вести разные части 
тела модели при принятии ею разных 
поз. Создавать скелет можно нес- 
колькими способами. 

Способ первый: последовательное 
экспортирование всех частей нашей 
модели из Modeller в .оБ]-файлы и в 
какую-нибудь папку на диске. Напри- 
мер, для экспортирования глаза выде- 
ли любой полигон глаза, нажми "]" 
для его выделения, затем "=", чтобы 
скрыть все остальные части робота, и 
File->Export->Export OBJ. Проделав эту 
несложную операцию со всеми частя- 
ми робота, переключаемся в Розег и 
их. При импорте выбери опции, пока- 
занные на рисунке. 
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Робот. Общий вид 


+ ие 


Польза от использования слоев :) 


Собрав всего робота, не спеши ра- 
доваться: пока он только кучка раз- 
розненных объектов и ни одной позы 
программы принять не может. Дви- 
гаться он не будет, пока не получит 
свой роботский скелет: превратим его 
в фигуру и настроим иерархию. Нап- 
ример, для руки иерархическая струк- 
тура выглядит следующим образом: 
"кисть руки" поставлена в соответ- 
ствие родительскому объекту "пред- 


ДЛЯ СОЗДАНИЯ ПОДОБНОГО РОБОТА ТЕБЕ ПРИГОДЯТСЯ 


СЛЕДУЮЩИЕ КОМАНДЫ (РЕГИСТР ВАЖЕН): 


плечье", "предплечье" поставлено в 
соответствие родительскому объекту 
"плечо", которое, в свою очередь, 
подчиняется "корпусу". В позере есть 
стандартные обозначения для каждой 
части тела. Для людей и животных 
центральной родительской частью 
является "Hip" (та часть тела, из KOTO- 
рой растут ноги). Чтобы настроить ие- 
рархию, нужно переключиться в окно 
Window->Hierarchy Editor. Просто ne- 
ретаскивай робота по кусочкам так, 
чтобы они образовали такую структу- 
ру: (стопа) -> (подыжка) - (бедра) -> 
(ягодицы), (кисть) -> (предплечье) -> 
(плечо) -> (корпус) и (голова) -> (шея) 
-> (корпус) -> (ягодицы). Создав иерар- 
хию, выделяем Hip и нажимаем 
Create New Figure. Здесь Hac попро- 
CAT ввести имя любое из тех, которые 
нравятся, да и изменить их потом лег- 
ко. В разделе Figures->New figures по- 
явится наш робот. Создаем новую 
сцену и поселяем в нее робота. Робо- 
том уже можно манипулировать, как 
марионеткой, но пока этот персонаж 
довольно непослушный. В редакторе 
походок Window->Walk designer при- 
меняем настройки ходьбы. Нет, что-то 
не так. Еще нужны ограничения, по- 
рядки вращения и иерархические це- 
почки. Настройка этих параметров - 
не самое простое и быстрое дело для 
начинающего аниматора. Разве для 
робота достаточно уметь отставлять 
ножку вправо? Нет? Тогда мы пойдем 


Опции экспорта (собираем по кусочкам) 
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другим путем создания скелета - чи- 
терским :). 

Способ второй - экспортирование 
фигуры из трехмерного редактора 
целиком. Импортируем в Poser (мож- 
но оставить настройки по умолча- 
нию) и переходим в святая святых - 
закладку SETUP. Находясь в этой зак- 
ладке, попробуем добавить в сцену 
человека (двойным щелчком) - поя- 
вится его скелет. Теперь выделяем и 
удаляем кости пальцев на каждой ру- 
ке, глазные “кости” и располагаем их 
как подобает внутренности настояще- 
го робота. 

Это непростое дело, поэтому мы бу- 
дем использовать только камеры изо- 
метрического вида, то есть Front, Top, 
Left, Right: при использовании других 
камер, например, Main, нельзя быть 
уверенным, что косточка находится 
именно там, где нужно. Убедимся, что 
кости расположены правильно на 
всех трех видах (сверху, спереди, 
справа) и перейдем к группировке по- 
лигонов. Выбираем Grouping Tool и 
нажимаем Auto Group. 

Теперь каждой косточке нашего робо- 
та поставлено в соответствие несколько 
полигонов. Выберем в ниспадающем 
меню, например, Head и посмотрим на 
робота: его голова окрасилась красным. 
Правда, некоторые части головы чер- 
ные (это потому, что программа решила, 
что это не часть головы, а, скажем, шея). 
Теперь нам предстоит очень кропотли- 
вая работа - переключаясь по группам, 
добавлять и отнимать полигоны. Не 
очень весело, хотя при желании боль- 
шей скорости можно перейти к заклад- 
ке Розе и посмотреть на робота, кото- 
рый ктому времени научится ходить 
(Window->Walk designer, применяем наст- 
ройки по умолчанию) и позировать! 


...сказать программе, какой кос- 
ти какие полигоны принадлежат 


Осталось немножко подправить кости и... 


Все-таки советую не торопиться и ак- 
куратно настроить группы. После того 
как все полигоны модели будут распре- 
делены по костям, необходимо выпол- 
нить ряд проверок. Сначала выберем 
Show non-grouped faces - если такие 
есть, то они окрасятся красным цветом. 
Если таких нет, то выбираем Show multi- 
grouped faces, чтобы проверить, есть ли 
такие полигоны, которые входят боль- 
ше чем в одну группу. Выполнив груп- 


Одним прыжком преодолеем все препятствия 
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пировку полигонов, переходим на зак- 
nagky Pose. Если появится предупреж- 
дение, что в модели присутствуют не 
распределенные по группам полигоны, 
то заново выбираем Show non-grouped 
faces и смотрим внимательнее, где мы 
чего упустили. Когда удастся нормаль- 
но перейти на закладку Розе, обяза- 
тельно сохраним робота во встроенной 
библиотеке сригур Poser (нажав на "+" 
с надписью Ада to library). 


После того как все полигоны модели будут 
распределены по костям, необходимо 
выполнить ряд проверок. 


АНИМАЦИЯ И 
ЭКСПОРТ BO FLASH 

Перед экспортом Bo Flash для qou- 
гуры необходимо создать какую-пибо 
анимацию, которая создается путем за- 
дания последовательности ключевых 
кадров. В этих кадрах мы задаем позу, 
которую должна принять модель, а 
программа сама рассчитывает то, как 
будет двигаться робот. Библиотека поз 
как статичных, так и анимированных 
уже есть в позере, и, конечно же, грех 
не воспользоваться ей. В ней доста- 
точно много разделов, есть категории 
как со статичными позами, так и с ани- 
мированными, различные виды ударов 
и прочее. Наша фигура легко принима- 
етлюбую "человеческую" позу из биб- 
лиотеки, но если тебе мало стандарт- 
ных, то можно создать свои или попол- 
нить базу в интернете. Для этой анима- 
ции важна не только последователь- 
ность принятия поз роботом, но и то, 
как он будет выглядеть в анимации. 
При создании swf-cpavna можно ис- 
пользовать стиль отображения доку- 
мента. Зажимаем <Ctrl> u, не отпуская, 
нажимаем цифры и наблюдаем за из- 
менениями стиля отображения сригу- 
ры. Самое интересное изображение 


создается в режиме Cartoon и Cartoon 
w/Line (горячие клавиши <Ctrl>+<7>), ко- 
торое напоминает картинку из рисо- 
ванного мультфильма. Чтобы подчерк- 
нуть части тела робота, зайдем в зак- 
ладку MATERIAL, в которой для каж- 
дой группы нужно выбрать цвет. Раз- 
бивать на группы удобно еще на этапе 
моделирования после выделения нуж- 
ных полигонов и назначения материа- 
лов для них. Впоследствии, уже в 
Poser, на этой закладке можно выста- 
вить цвет и свойства gna них. Назна- 
чать материалы можно и при помощи 
Grouping Tool->Assign Material в самом 
позере. Панель анимации находится в 
нижней части рабочего окна и вызыва- 
ется черной кнопкой. В средней части 
панели - счетчики, показывающие те- 
кущий кадр в окне и общее число кад- 
ров. С помощью бегунка можно пере- 
мещаться по кадрам анимации. Созда- 
дим простое движение - перестроимся 
в десятый кадр, заставим робота-стра- 
дальца поднять правую руку вверх 
или принять любую позу из библиоте- 
ки. Теперь кнопка Play, которая нахо- 
дится в левой части анимационной па- 
нели, - робот зашевелился! Так по кад- 
рам создается нужная сцена. 


C2 


А где же Flash? Выбираем Animation- 
>Make Movie, затем Sequence Туре- 
>Масготе а Flash в параметре 
Quality->Current Display Setting, что 
позволит сделать анимацию более 
похожей на рисованную (надеюсь, ты 
не забыл выбрать наиболее подходя- 
щий стиль отображения документа?), 
и нажимаем на кнопку Flash Settings, 
которая настраивает количество цве- 
тов мульторильма и параметры прори- 
совки робота. 


ЗАКЛЮЧЕНИЕ 

Вот и все. Нам совершенно не 
обязательно быть великим 3D-Mo- 
дельером, чтобы создавать персона- 
жи самостоятельно. Надеюсь, я раз- 
жег в тебе энтузиазм для изучения 
программ моделирования и анима- 
ции. За кадром остались детали наст- 
роек персонажей, способы создания 
анимационных сцен и связей между 
ними, способы расположения объек- 
тов относительно gpyr друга, наст- 
ройки света, управление камерой, 
создание одежды и gp. Все это не- 
сложно, методом проб и ошибок при 
желании можно достичь всего. Здесь 
легко исправляются ошибки - хо- 
чешь возвращайся к исходному сос- 
тоянию, хочешь переделывай от- 
дельные сценки. С помощью компь- 
ютера легко создаются даже спож- 
ные трехмерные сцены с громоздки- 
ми конструкциями. Настало Твое вре- 
мя, дизайнер! МЕ 


- А ТЫ ЗАПУСТИ .EXE-LUHNK ИЗ АТТАЧА! 


НЕ ВЕДИСЬ НА ВСЕ ПОДРЯД, ЧИТАЙ WWW.XAKEP.RU 


Опрос дизайнеров 
Что думают просри 


Ода рисованию 
Exspression - лучший инструмент 
компьютерного художника 


Сжатие без проблем 
С потерей качества и без нее 


Обзор кинг 
Осознанный дизайн 
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ОПРОС 
ДИЗАЙ 


ЧТО ДУМАЮТ ПРОФИ 


ы решили отловить несколько профессиональных дизайнеров, чтобы 
задать им важные вопросы. Конечно, без детектора лжи: просто 
интересно, насколько дизайнеры солидарны, да и сами вопросы довольно 


А ВОПРОСЫ БЫЛИ СЛЕДУЮЩИЕ: 


интересные. 


оман Зелен- 
цов, работает 
визуализато- 
ром интерье- 
ров. Получа- 
ет высшее образование в 
сфере журналистики и рек- 
ламы, модератор на фору- 
мах и 
. Из известных 

личных проектов - активное 
участие в жизни форумов, а 
также работы, которые он 
периодически выкладывает 
в Сети. 

©. Трехмерной графикой 
начал увлекаться достаточ- 
но давно, через полгода 
после того, как дома поя- 
вился компьютер. Как это 
обычно бывает, после прос- 
мотра фильмов с использо- 
ванием визуальных эфофек- 
тов. Знакомство с первым 
пакетом трехмерной rpacpu- 
ки тоже не было оригиналь- 
ным - тогда везде царство- 
вал 3D Studio МАХ версии 
3, который только-только 
появился и названием кото- 
рого в то время пестрели 
полки всех книжных мага- 
зинов. К сожалению, их ко- 
личество не переросло в 
качество - все книги были 
узкой тематики и заставля- 
ли довольствоваться урока- 
ми "Создаем цветок", "Соз- 
даем ракету", которые не 
учитывали существования 
читателя, замахивающегося 
на "шаг вправо-шаг влево". 


ХАКЕРСПЕЦ | 01(50) | 2005 


Первый бесценный опыт 
был получен на очень Meg- 
ленной по сегодняшним 
меркам машине в 233 МГци 
с 64 Мб оперативной памя- 
ти. Я в муках искал менее 
притязательный пакет, так 
как со стандартным $сап- 
line-peHgepom Max категори- 
чески He справлялся. 3Ha- 
KOMCTBO с работами Дмит- 
рия Савинова, работавшего 
в LightWave3D и однажды 
увиденная в магазине книга 
Дена Аблана, посвященная 
работе с этим пакетом, пе- 
ревернули мои представле- 
ния о мире, открыли для ме- 
ня другие пакеты трехмер- 
ной графики. На тот момент 
я был окончательно разоча- 
рован в литературе по 3D 
Studio Max, а увиденное в 
книге и подкрепленное ра- 
ботами Дмитрия Савинова 
заполнило мои мысли боль- 
ше, чем было бы достаточ- 
но. На последние деньги 
была куплена книга, сам 
LightWave, и работа пошла. 
Первое, что удалось с пол- 
оборота (и что раньше было 
просто нереально) - моде- 
лирование. Описывать все 
преимущества нет смысла, 
но в бОльшей степени 
здесь сыграл свою роль от- 


лично написанный матери- 
ал книги Дена Аблана. Мно- 
гого очень не хватало и не 
хватает по сей день. Навер- 
ное, из-за этого я gO сих 
пор в процессе поиска. Og- 
нажды великий Ден Аблан 
сказал: "LightWave дает 
ощущение всемогущества". 
Конечно, он загнул, но я 
много раз сталкивался с си- 
туацией, когда 3D Studio 
Мах бил тебя по рукам, не 
давал лезть туда, куда не 
следует, в то время как 
LightWave, иногда даже че- 
ресчур честно, выполнял 
все, что требовалось. В дан- 
ный момент я изучаю пакет 
Softimage|XSQ kak наибо- 
лее удачное сочетание все- 
го, что мне нужно. 

©. Природа. Наблюдать 
за бегущими облаками, за 
игрой котят, за дождем... 
Просто попробуй, побудь 
где-нибудь, где будет при- 
роды достаточно, чтобы не 
казалось, что эта планета 
безжизненна и не имеет 
признаков цивилизации. В 
общем, по возможности от- 
дыхай от пикселей. Моя 
страсть - фотореализм, поэ- 
тому лучшее, что я могу 
придумать для питания сво- 


его мозга, - это наблюдение 
за природой. 

@. Операционная система - 
Windows. Программы: 2D - 
Corel Photopaint, Corel 
Draw, Adobe Photoshop, 3D - 
Lightwave3D, Softimage|XSI, 
видеомонтаж - Nuke, Mirage, 
After Effects. 

@. Ден Аблан, "Искусство 
трехмерного дизайна, 
Lightwave3D 6/7" - книга, 
по которой я учился. Артур 
Хоу, Брайан Маршалл 
"Lighwave3D 8" - книга о 
последней версии програм- 
мы, издательство ДМК- 
Пресс. Aaron Sims, Michael 
Isner "Experience XSI 4" - к 
сожалению, только Ha анг- 
лийском, зато ее авторы - 
отцы персонажей фильмов 
"Терминатор 3", "Искус- 
ственный интеллект" и т.п. 

©. Мнение на этот счет 
может быть только субъек- 
тивным. Двухпроцессорный 
компьютер, монитор (а луч- 
ше два) на столе, интернет, 
удобное кресло, микровол- 
новка, холодильник, кофе и 
чайник. Не сильно удовлет- 
воряют потребности обыч- 
ные мышки, поэтому в пла- 
нах приобрести трек-бол с 
вынесенными горячими кла- 
вишами. Ближайший канди- 
дат - Spaceball 5000. 

@. К сожалению, трехмер- 
ной графикой надо забо- 
леть. Заболеть настолько 
сильно, чтобы не хотелось 
совмещать ее с другими ув- 
лечениями. У меня трехмер- 
ная графика отнимает все 
мое время. Поэтому я с 
очень большим напрягом 
закончил школу (доходило 
go того, что спать приходи- 
лось там, на последней пар- 
те). Знать хотя бы один из 
ее аспектов значит посвя- 
тить ей всего себя. К сожа- 
лению, для моего организма 
24-х часов в сутки не хва- 
тает. Я итак потерял очень 
много времени в почти пол- 
ном неведении трехмерной 
графики. Так что отдыхать 
буду потом :). А работаю я 
официально с 9:30 go 
18:30. Но иногда перераба- 
тываю. И для компании, и 
для себя. 

О. К сожалению, да. Та 
скорость, с которой нужно 
работать, устанавливает 
рамки либо для заказчика, 
либо для тебя. Определить, 
кого же все-таки прижать 
со сроками - дело грамотно- 
го менеджера по проектам, 
каковых мало. И художник 
встает перед выбором: либо 


не думать много об ориги- 
нальности (лишь бы ус- 
петь), убить все возможные 
удачные решения, либо с 
нечеловеческими усилиями 
выдать шедевр. За соответ- 
ствующее время. При этом 
есть шанс потерять проект, 
так как конкуренты могут 
оказаться резвее тебя и вы- 
играть проект не за счет 
лучшего качества, а, напри- 
мер, за счет более низких 
требований к оплате. Так 
что в большинстве случаев 
дизайн - это действительно 
конвейер и погоня за зеле- 
ным идолом. 

О. Все зависит от дизай- 
нера. В какой-то момент, ес- 
ли нужна перспективная 
работа, нужно адаптиро- 
ваться к ней и тем самым 
задавить себя. Если есть 
шанс работать в коллекти- 
ве, где тебе предоставят 
достаточно свободы, конеч- 
но, твое место там. Хотя там 
могут меньше платить. 
Зарплата... к сожалению... 
Москва Москвой, а Самара 
Самарой. Видимо, нужно по- 
лучать ровно столько, что- 
бы об этом не думать в том 
месте, где живешь. 


и Антон Сакара, ведущий 
дизайнер MTV Россия. За- 
кончил Архитектурный инс- 
титут по специальности 
"Дизайн". Проходил стажи- 
ровку в качестве broadcast 
designer на MTV Central 
Europe, London, UK. Nocneg- 
ние проекты: главный ху- 
дожник церемонии МТУ 
RUSSIAN MUSIC AWARDS 
(приз, логотип, графическое 
оформление эфира и про- 
мо-кампании), графическое 
оформление программ MTV 
News Block, "RU_30Ha", "Ре- 
кордные Новости", "Бессон- 
ница", "Вторжение", "Био- 
ритм", "Центр Рифа", 
"Центр Ритма", "Центр Риф- 
мы", "Центр Риска", "За- 
пой", "Концертный Зал", 
"Любимые Клипы", а также 
"Серебряная Калоша" 
(СТС), Кинодвижение (ОРТ), 
Оп Tour Prasentieren (MTV 
Germany), Fuory Scena (Fox 


Italy) и T.g. Последние рек- 
ламные работы в качестве 
режиссера компьютерной 
графики - "Рондо мятная 
россыпь", "Останкино но- 
вый стандарт", "Мегафон 
О`Лайт", "М-Видео", жур- 
нал "За рулем", Г ` ОН. 

@. В 1989 году мои кассе- 
ты с записями игр для ZX 
Spectrum продавались в ко- 
миссионных магазинах луч- 
ше других, потому что на 
них красовались авторские 
обложки с картинками, рас- 
печатанные на изношенном 
матричном принтере. Это 
был реальный бизнес. Це- 
лыми ночами нужно было 
слушать трели писавшихся 
с бобин на кассетник игр, а 
утром распечатывать и ак- 
куратно вырезать обложки. 
На первую зарплату я ку- 
пил себе белые ботинки на 
белом меху и стал похож на 
космонавта :). 

@. Творческая депрессия - 
верный признак того, что 
скоро все будет хорошо. Я 
в таких случаях берусь за 
любую, даже дурацкую ра- 
боту для того, чтобы разог- 
наться, набрать обороты и 
потом на скорости крейсера 
выйти к интересному проек- 
ту. Идеями заряжаюсь 
больше всего в путешест- 
виях, особенно прет от раз- 
витых стран. Со мной всегда 
любимый Сапоп С5, добрый 
запас карточек 
CompactFlash и карманный 
штатив. Ну и, конечно же, 
ежедневно просматриваю 
новости дизайна в сети. 


@. PC, Adobe AfterEffects, 
Photoshop, Illustrator, Corel 
Draw, Vegas Video, 3D 
Studio Max + V-ray. 

@. Д. Кирсанов, "Веб ди- 
зайн"; Дж. Феличи, "Типог- 
pacpuka. Шрисрт. Верстка. 
Дизайн"; А. Гринберг, 
"Цифровые изображения: 
практическое руководство"; 
С. Айриг, "Сканирование - 
профессиональный под- 
ход". 

@. Беспорядок на рабо- 
чем месте исключен. 

@. График He нормирован, 
главное - укладываться в 
"дед-лайны". Мой принцип - 
никогда не срывать сроки. 
Еще очень хорошо быть 
доступным, на случай если 
кому-то что-то от тебя пона- 
добится. Все больше убеж- 
даюсь в том, что выполне- 
ние работ вовремя значи- 
тельно улучшает жизнь и 
экономит нервную энергию. 

Ф. Конечно конвейер. 
Вполне допускаю, что к 
свободным художникам (та- 
кие с длинными немытыми 
волосами и в растянутых 
свитерах) гениальное вдох- 
новение приходит очень 
редко, а в перерывах между 
этими приходами они пьют 
дешевое вино и рассужда- 
ют о непредсказуемости бо- 
жественного наития. Что ка- 
сается меня, то я нахожусь 
в самой настоящей кон- 
вейерной гонке. Ударники 
дизайнерского цеха - пере- 
довики по надою. Причем 
львиная доля работы никог- 
да не входит в demo reel и 
портфолио. Это - необходи- 
мый балласт, существую- 
щий для того, чтобы сохра- 
нить творческую целост- 
ность и раньше времени не 
перегореть. 

О. Дизайнеры получают 
столько, сколько они хотят. 
А точнее столько, во 
сколько они себя оценива- у 
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ют. Есть несчастные, кото- 
рые готовы "Code html for 
food", с вечным комплек- 
сом неполноценности. Их 
обычно ругают за то, что 
они демпингуют по ценам и 
мешают зарабатывать дру- 
гим. Бывают мыльные пу- 
зыри, уверенные в своем 
таланте, они же - супероб- 
щительные харизматики. 
Таких сразу просекаешь, 
долго они не живут, потому 
что не выполняют своих 
обязанностей. Ну, а чест- 
ному и талантливому рабо- 
тяге всегда найдется на те- 
килу с лимоном :). 


и Питомцев Юрий, дизай- 
Hep, компания Transparent 
House 
(www.transparenthouse.com). 
Компания занимается архи- 
тектурной, продакт-визуа- 
лизацией, а также создани- 
ем любых других графичес- 
ких ЗО-решений. Сам Юрий 
занимается разработкой ди- 
зайн-концепций, непосред- 
ственным исполнением про- 
ектов и контролем других 
проектов. Главный офис 
компании, в которой он ра- 
ботает, находится в Сан- 
Франциско, поскольку 95% 
клиентов - это иностранные 
компании. 

@. Решение заниматься 
ЗО-графикой пришло очень 
неожиданно и навсегда, как 


мне кажется, в тот момент, 
когда передо мной на экра- 
не раскрылся интерфейс 
только что вышедшей мо- 
мент LightWave 6.0. Это бы- 
ло как любовь с первого 
взгляда ;). И несмотря на то, 
что никакой литературы по 
этому пакету тогда не было 
(первая книга по LightWave 
на русском языке появи- 
лась только в 2002 году), 
четыре года подряд я ста- 
рался уделять освоению 
этого чуда любую свобод- 
ную от работы минуту. Тог- 
да мне приходилось зани- 
маться в основном версткой 
и дизайном в полиграфии, а 
"пределом" практических 
творческих изысканий было 
создание веб-сайтов и раз- 
личных роликов на 
Macromedia Flash. Все это 
время я постепенно готовил 
себя морально и практичес- 
ки к переходу в сферу про- 
фессиональной ЗБ-графи- 
ки, что позволило бы пол- 
ностью отказаться от рабо- 
ты в 2D и обеспечить cpeg- 
ствами к существованию. 
Если вернуться к еще бо- 
лее ранним временам, то 
еще в школе я увлекался 
различными видами графи- 
ки. Потом освоил аэрогра- 
фию и работу с флуоресце- 
нтными красками, занимал- 
ся оформлением интерье- 
ров клубов, ресторанов и 
квартир. В итоге все это по- 
рядком надоело мне, и я ре- 
шил собрать воедино и реа- 
лизовать весь накопленный 
опыт и потенциал в 3D. 

©. У меня есть два спосо- 
ба выйти из творческого 
кризиса. Какой из них под- 
ходит к конкретной ситуа- 
ции, зависит от причин его 
возникновения. Причин мо- 
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жет быть две: либо это пси- 
хо-физическое переутомле- 
ние, либо некий ментальный 
ступор, причины возникно- 
вения которого необъясни- 
мы ;). В первом случае по- 
могает просто отдых - сон, 
поездка на природу или 
что-то в этом роде. Во вто- 
ром - веб-серфинг по сай- 
там коллег и просто хоро- 
шим дизайнерским сайтам. 
Как правило, это дает ог- 
ромный позитивный интел- 
лектуальный заряд, позво- 
ляющий выйти из любого 
творческого кризиса ;). 

9. LightWave 3D, 3D Max, 
Photoshop, Illustrator, Flash, 
Windows, Mac OS X. 

@. Единственные npoun- 
танные мной книги, связан- 
ные с компьютером вообще, 
- это "LightWave 6.7" Дэна 
Албана и "Flash 4" Грибова 
Д.Е. Из книг мне больше 
как-то ничего не понадоби- 
лось ;). Всю остальную ин- 
формацию я брал и беру из 
форумов. 

©. Идеальное рабочее 
пространство для меня - это 
что-то похожее на стул и 
что-то похожее на стол в 
теплом помещении со всеми 
удобствами, 22" монитор 
LaCie и пара самых мощных 
представителей подсобной 
рабочей силы: двухпроцес- 
сорная рабочая станция на 
двух Хеоп 3.06 ГГц с видео- 
картой Fire GL X1 256 Мб 
(для сбора сцен/рендерин- 
га) и двухпроцессорный 
Мас С4 1 ГГц (для моделин- 
га в LightWave и всех oc- 
тальных работ). Больше ме- 
ня практически ничто не 
беспокоит (насчет рабочего 
пространства). Да, забыл 
сказать про хотя бы полу- 
мегабитный интернет ;). 

©. Распорядок дня - это 
больная тема. Его практи- 
чески нет, особенно когда 
идет большой и сложный 
проект. Приходится забы- 
вать практически обо всем. 

@. Современный дизайн, 
особенно с учетом реактив- 
ной скорости распростране- 
ния информации и новос- 
тей, - это постоянный поиск 
новых решений. Приходит- 
ся отслеживать массу ин- 
формации, чтобы избежать 
плагиата. Дизайн может 
превратиться в конвейер 
только в том случае, если с 
него будут сходить сплош- 
ные шедевры, непохожие 
друг на друга и на осталь- 
ных. И я знаю людей, спо- 
собных на такую потрясаю- 


щую произодственно про- 
дуктивную креативность. 
Но таких единицы. 

@. Есть и скромные тала- 
нтливые люди, и напорис- 
тые бездарности, но есть, 
конечно же, люди, совме- 
щающие в себе дизайнера 
и менеджера, - они делают 
прекрасно свою работу и 
зарабатывают соответ- 
ственно. 


и Андрей Непомнящев 
(livejournal.com/~andrey_nep), те- 
ледизайнер на МТУ Ново- 
сибирск, в свое время за- 
кончил Сибирский государ- 
ственный университет те- 
лекоммуникаций и инфор- 
матики. 

©. Творческий путь ухо- 
дит своими корнями в детс- 
кие увлечения. Постоянно 
что-то рисовал - многим 
нравилось :). Но специаль- 
но нигде не учился. После 
школы поступил в Сибирс- 
кий государственный уни- 
верситет телекоммуникаций 
и информатики (СибГУТИ) 
на факультет "Радиосвязь, 
радиовещание и телевиде- 
ние". В университете увлек- 
ся 305$ Мах. Даже диплом у 
меня был посвящен этой 
программе - делал мульти- 
медийное учебное пособие 
для студентов, изучающих 
30$ Мах. После универси- 
тета устроился в телекомпа- 
нию "49 канал" на долж- 
ность видео-инженера. По- 
нял, что хочу заниматься 
исключительно теледизай- 
ном. На "49 канале" мне та- 
кой возможности не пре- 
доставили, поэтому, отрабо- 
тав полгода, я уволился и 
ушел на МТУ Новосибирск. 
Но именно "49 канал" счи- 
таю своей школой. 

©. С творческой депресси- 
ей бороться невозможно. Ее 
нужно просто пережить. Хо- 
рошо в этом случае отвлечь- 
ся на что-нибудь посторон- 
нее, не связанное с творче- 
ством. Но это затруднитель- 
но. Это твоя работа и ей ты 
обязан своему работодате- 
лю. Приходится надеяться 
только на свой "профессио- 


нализм". Я имею в виду воз- 
можность создавать что-то 
при отсутствии вдохновения 
или творческой энергии, ру- 
ководствуясь исключитель- 
но знанием предмета. Это 
похоже на решение матема- 
тической задачи, где есть 
начальные условия, а тебе 
требуется напрячь свои си- 
лы и решить ее. Еще выру- 
чает трудолюбие. Но лично 
для меня важнее те реше- 
ния и идеи, которые прихо- 
дят совершенно случайно, 
не в каких-то особых усло- 
виях. И результата добива- 
ешься не упорным трудом, а 
благодаря удаче. Творчест- 
ву, наверное, вообще свой- 
ственна интуитивность и 
спонтанность. 

@. Я использую стандарт- 
ный набор софта для теле- 
дизайнера: Adobe After 
Effects, 3ds MAX, Adobe 


Photoshop, Adobe Illustrator. 


Самый необходимый - 
Adobe After Effects. Для 
звука: Sound Forge и Vegas 
от Sonic Foundry. Также ин- 
тересны возможности прог- 
рамм RealFlow, Maya, 
Rhinoceros, Combustion u 
T.g. Операционная система - 
Windows ХР. Нередко xopo- 
шее знание софта подска- 
зывает новые идеи. Комби- 
нируя или используя воз- 
можности инструмента нес- 
тандартно, можно создать 
что-то новое. 

@. Читаю журналы и кни- 
ги, посвященные не только 
дизайну, но и архитектуре, 
декору, форме, цвету, сти- 
лю, художественным прие- 
мам. Еще специальную ли- 
тературу, посвященную 
софту. А также интересно 
все о монтаже, съемке, ре- 
жиссуре, телевидении и 
кино. Отмечу две книги: 
Иоханнсен Иттен, "Искус- 
ство формы" и "Искусство 
цвета". 


©. К организации рабоче- 
го пространства серьезно 
не подхожу: все как-то само 
собой. Стараюсь, чтобы не- 
обходимое было под рукой 
и не было ничего лишнего. 
Нравится, когда нет беспо- 
рядка на рабочем месте. 

О. Рабочий rpacpuk и ра- 
бочий день - в зависимости 
от степени загруженности. 
Если работы много и сде- 
лать ее нужно быстро, то 
рабочий день начинается в 
9-10, а заканчивается в 21- 
22 часа. Дома предпочитаю 
работать ночью. Тихо, спо- 
койно, никто не мешает. 

@. Наверное, да. В ди- 
зайн-студиях над одним 
проектом работают нес- 
колько дизайнеров, среди 
которых жесткое разделе- 
ние труда. Одни, например, 
разрабатывают эскизы, 
другие занимается исклю- 
чительно 3D-mMogenupoBa- 
нием, третьи - рендерингом 
ит.9. И чем сложнее про- 
ект, чем больше людей в 
нем задействовано, тем 
жестче разделение труда. 
Есть заказчик, есть бюд- 
жет проекта, есть сроки 
производства, в которые 
нужно уложиться. 

О. Дизайнер получает за 
свою работу. А сколько - 
это коммерческая тайна. 


и Андрей Разуваев, gu- 
зайнер в одной из крупней- 
ших дизайн-студий - Defa 
Gruppe (www.delaru). В ходе 
работы принимал участие в 


создании проектов для та- 
ких компаний, Kak General 
Motors, Pepsi, Danone, 
Motorola, "Мегафон", "Би- 
лайн" и T.g. Одной из изве- 
стных работ Андрея стала 
визуализация "Волшебных 
пилюлей", которая получи- 
ла широкий резонанс в ин- 
тернете. Имеет высшее 
юридическое образование. 
Ф. Началось все с того, 
что я попал в глобальную 
Сеть. Просидел там некото- 
рое количество времени, и 
Bgpyr пришла идея сделать 
свою домашнюю страничку. 
Это и послужило первым 
толчком для возникновения 
моего увлечения. Так как по 
неопытности хотелось все и 
сразу, вариант долго и му- 
торно изучать HTML казал- 
ся выше моих сил. Поэтому 
мой выбор пал на новую 
для того времени программу 
от Macromedia - Flash. Могу 
смело заявить, что мой пер- 
вый "хомяк" был целиком 
на Flash. Примерно год его 
изучения методом тыка поз- 
волил без проблем вопло- 
щать в жизнь самые сме- 
лые решения, приходящие 
в голову. Потом меня заме- 
тили и пригласили на мою 
первую работу, на которой 
я проработал три месяца и 
перешел на более "продви- 
нутую". Так, сменив четыре 
студии, я и оказался в Defa 
Сгирре, которую считаю 


лучшей в этом сегменте 
рынка. 

@. Творческие депрессии 
бывают у всех. Это как чер- 
ные и белые полосы в жиз- 
ни. Бороться с ней я не пы- 
тался, так как знал: потом 
все будет лучше. Хотя нет. 
Был у меня творческий зас- 
той, и я решил это быстро и 
безболезненно исправить. 
Выбор пал на витамины, со- 
держащие какие-то вещест- 
ва африканского растения, 
улучшающие память и сти- 
мулирующие работу мозга. 
Помогло на какое-то время. 
Так, кстати, и родилась 
идея сделать коллаж на Te- 
му "Стимуляторы мозга". 

@. PC, Windows, 
Macromedia Flash, 
Photoshop, Illustrator, Rhino, 
3DS Max + Brazil, The Bat!, 
ICQ. 

@. Всегда был сторонни- 
ком того, чтобы изучать 
программы самостоятельно - 
методом тыка. Тогда все за- 
поминается как-то на под- 
сознательном уровне. Если 
что-то непонятно, то всегда 
можно найти ответ в интер- 
нете. А из прочитанного и 
усвоенного - это "Flash 5" 
Билла Сандерса, "Веб-ди- 
зайн" Д. Кирсанова и 
"Photoshop" А. и А. Tau. 

©. Творческий беспоря- 
док должен быть, но в меру. 
А так нужно много свобод- 
ного пространства, удобную 
клавиатуру и многофункци- 
ональную мышку. Большой 
монитор и хорошие науш- 
ники (какая работа без му- 
зыки?!). 

Ф. В студии жесткий 
распорядок дня. С один- 
надцати утра и до восьми 
вечера. За опоздание - 
штраф. Я стараюсь прихо- » 
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дить на работу даже на 
пару часов раньше, чтобы 
все успеть "без напряга". 
Дома, если что-то начал 
делать, стараюсь доде- 
лать до конца, могу и go 
утра просидеть не отрыва- 
ясь. Сон отступает, когда 
идет творческий процесс. 
Но поспать люблю :). 

@. Это зависит от того, с 
какой стороны посмотреть. 
Работая в крупной студии, 
волей-неволей понимаешь, 
что дизайн - это действи- 
тельно в какой-то степени 
конвейер, в основном из-за 
огромного количества про- 
ектов и требований к ско- 
рости их создания. С другой 
стороны, каждый проект ин- 
дивидуален по-своему и 
должен иметь уникальный 
дизайн. Хотя за много лет я 
насмотрелся на всевозмож- 
ные дизайн-решения, все 
работы кажутся мне плагиа- 
том, так как "я это уже где- 
то видел!". 

@. Для кого, когда и кто 
делает. Чем больше, тем 
лучше, конечно :). Но при 
этом нужно трезво оцени- 
вать свои возможности, 
квалификацию и степень 
конкуренции. Где-то можно 
попросить немного за имид- 
жевую работу, а где-то и за 
мелочь взять втридорога. 


и Вадим Грачев, веб-сту- 
дия "Телкос" 
(www.telcos.net.ua), проекты 
www.rasenich.ru, 
www.biscuit.com.ua. 

@. Начинал с наклеива- 
ния пленки на рекламные 
боксы (лайт-боксы, бигбор- 
ды ит.п.). Есть такая проце- 
дура в наружной рекламе. 
Первая работа - поклейка 
пленки на витрину высотой 
около двух метров в мороз 
около десяти градусов. Ка- 
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жется, это был филиал 
Хегох. Если кто работал в 
этой области рекламы, он 
знает, что самоклеющаяся 
пленка имеет ограничение 
для температуры во время 
поклейки - 5 градусов теп- 
ла. В общем, скучно не бы- 
ло :). Представь себе - кле- 
ить пленку с рулона 1,2 мет- 
ра на морозе, которая есте- 
ственно почти не клеится. 
Вот так проработал с пол- 
годика. В наружке прорабо- 
Tan около трех лет, gO сих 
пор стыдно видеть на ули- 
цах свои вывески :). Хоро- 
шо, что их почти все заме- 
нили - на худшие. Потом 
работал в полиграфии око- 
ло трех лет. В основном это 
была реклама в метро, лис- 
товки. Уже работая в по- 
лиграсрии, я понял, что ме- 
ня тянет в веб и понемногу 
стал изучать этот вопрос. 
Уже года четыре работаю в 
вебе. 

©. Творческая депрес- 
сия? Я, честно говоря, не 
знаю, что это такое. Не в 
том смысле, что у меня ее 
не бывает. Нет. Просто 
формулировка странная. 
Если под этим понимается 
ситуация, когда в голову 
не приходят никакие идеи, 
то лучше в таком случае 
совсем ничего не делать, 
взять отпуск, отгул, пойти 
позаниматься ерундой. 
Совсем не обязательно, 
чтобы у тебя был фонтан 
идей. Работа и дизайн - во- 
обще далеко не главное в 
жизни и не стоит уделять 
время такой чепухе, как 
творческая депрессия. Ес- 
ли все-таки тебе необходи- 
мо что-то сделать, когда 
голова пуста, это тоже не 
проблема. Все дизайнеры 
имеют в голове механичес- 
кие, наработанные "шаб- 
лоны". Не ворованные, а 
свои отработанные "ходы". 
Поэтому всегда можно на 
"глупую голову" сделать 
"изделие". И часто заказ- 
чик не понимает разницы 
между "оригиналом" и за- 
готовкой. 


©. Windows, Photoshop, 
LightWave 3D, Freehand, 
TopStyle. 

О. Ничего He надо читать. 
Читал только "WebDesign" 
Кирсанова. 

©. Ну и вопросы :). Навер- 


ное, несложно догадаться - 
Компьютер, Чашка, Теле- 
фон и МНОГО МУСОРА. 

©. -10.00 - -18.30 

@. Нет, но на самом деле в 
дизайне дизайна очень ма- 
ло. Хороший дизайнер - это 
тот, который использует го- 
товый образ. А мы не мо- 
жем делать новое на 100%, 
потому что заказчик всегда 
оценивает по принципу "уз- 
наваемости". Я имею в виду 
не воровство, а дух, образ. 
Все это диктуется време- 
нем, модой, и от себя добав- 
ляется совсем чуток, чтобы 
не испортить работоспособ- 
ность рекламы. 

О. Без понятия. Я не счи- 
таю это важным. Много по- 
лучаешь, мало получаешь - 
с голоду никто не умрет и 
штанишки себе купит. Я не 
сочувствую страдающим 
дизайнерам, которым ка- 
жется, что их недостаточно 
оценивают в денежном эк- 
виваленте. 


и Дмитрий Григорьев aka 
Alieneye 
(www.livejournal.com/users/alien- 
eye), работает в 
Perfectpixels (www .perfecipix- 
е1з.ги, арт-директор Антон 
Ненашев), отец спецэффек- 
тов фильма "Ночной дозор", 
телевизионного оформле- 
ния церемоний "ТЭФИ 
2003-2004" и т.д. (подроб- 
нее смотри на сайте) 

@. A счего его начинают? 
С изучения программ и чу- 


жих работ (чем постоянно и 
занимаюсь). 

©. Сидеть и работать не- 
смотря ни на что! Новые 
идеи черпаю из окружаю- 
щего мира. Человек еще не 
придумал ничего, что не су- 
ществовало бы в природе. 
Все - результат комбиниро- 
вания увиденного. 

@. У каждого свой. В лю- 
бом профессиональном 


софте можно сделать про- 
фессиональный продукт. 


Основной софт: Windows 
ХР, Descreet 30$ Max, 

Adobe Photoshop, Adobe 
After Effects и Bcnomora- 


тельные программы. 

О. Интернет и некоторое 
количество переводной ли- 
тературы по теме. Нашу 
можно не читать. 

©. Стол, лампа и хороший 
компьютер. Главное, чтобы 
было уютно. 

©. Ненормированный, 
вплоть до двух суток непре- 
рывного сидения за компь- 
ютером. 

©. Компьютерная градри- 
ка более чем в половине 
случаев - конвейер. Зави- 
сит от места работы. 

О. Гонорар определяется 
просфессионализмом и спо- 
собностью продвигать себя. 


и Сугиров Сабит (aka 
Sabomaster), известный в 
интернете веб-дизайнер, по- 


ка является фрилансером, 
но в скором времени соби- 
рается работать за грани- 
цей. Среди известных про- 
ектов - работы для "3go- 
ровье-ТВ", "Ковчег-Пар- 
кет", "Оружейные техноло- 
гии", "Фрэшка", "Pymar.py" 
и многое другое. Подробнее 
на ь 
Ф. Начинал с самого прос- 
того - рисовал иконки, за- 
тем перешел на иллюстра- 
ции и остановился на веб- 
дизайне. Понял, что веб-ди- 
зайн - это мое. Начал при- 
думывать что-то новое в 
веб-дизайне. Появился 
стиль psyhocurves, в пере- 
воде на русский "бешенные 
линии", который вдохновил 
многих дизайнеров своей 
динамикой и оригиналь- 
ностью. Меня прет от насто- 
ящего. Неважно, в какой 
области: человеческих от- 
ношений или искусства. 

©. Я думаю, побороть 
творческую депрессию 
можно быстро и просто. Ле- 
карство - хороший сладкий 
сон :). Многие дизайнеры 
страдают именно от недосы- 
пания, и надо к этому очень 
серьезно относится. Новые 
идеи - они как осадки. То 
падают с неба, то неделями 
не дождешься. А черпать 
новые идеи лучше из при- 
роды: там чувствуешь себя 
свободным словно птица. 
Иногда даже разглядывая 
небо лежа задумываешься 
о том, что, оказывается, об- 
лака так похожи на вещи, 
которые окружают тебя 
каждый день. 

@. Windows ХР $Р1, Adobe 
Photoshop CS, XaraX, Neat 
Image 3.0, Axialis 
IconWorkshop 5.0, 3DS Max, 
Notepad. 


@. К сожалению, тот, кто 
живет и работает в интерне- 
те, большей частью питает- 
ся сетевой литературой, а 
пора бы уж и за "бумаж- 
ную" браться. Обязательно 
прочитай книгу Кирсанова 
"Веб-дизайн", также сове- 
тую очень позитивную кни- 
гу от Heimann, Jim Heller, 
Steven "All-American Ads of 
the 70s". 

@. Для комфортной рабо- 
ты я нуждаюсь в джакузи с 
телками :) и в красивом ви- 
де из окна. Из железа npeg- 
почитаю AMD64F X, мощ- 
ную видеокарту типа 
Radeon X800 и беспровод- 
ную мышь (с детства не 
люблю провода). Также не 
могу без безлимитного вы- 
сокоскоростного интернета. 
Главное - порядок на рабо- 
чем столе (и на Desktop’e 
тоже). 

@. Работаю я столько, 
сколько могу :). В среднем 
по восемь-десять часов в 
день. 

@. Современный дизайн - 
это конвейер с точки зре- 
ния количества. А в отно- 
шении качества в дизайне - 
или оно есть, или его нет. 
Считаю, что с каждым днем 
все меньше и меньше хоро- 
ших работ. Не знаю, может, 
я не успеваю все разгля- 
деть :). 

@. Точного ответа дать не 
могу, так как все зависит от 
сложности работы. Но мож- 
но сказать, что цены на ди- 
зайн растут, как и цены на 
программные продукты. 
Важный совет: "Никогда не 
берись за то, что кажется 
тебе невыполнимым". ae 
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EXPRESSION - ЛУЧШИЙ ИНСТРУМЕНТ 
КОМПЬЮТЕРНОГО ХУДОЖНИКА 


Когда-то 


мне приходи- 


лось рисо- 


вать в Adobe 

Illustrator, и 
продолжалось это до тех 
пор, пока один из моих зна- 
комых не намекнул мне, что 
существует такая замеча- 
тельная программа 
Expression, которая заменит 
и Адобе Шиз{гафог, и 
Painter. Заодно он сообщил 
мне, где ее можно взять. 
Программа была скачана 
незамедлительно. 

Мои первые опыты по ри- 
сованию в Expression npo- 
изводились при помощи 
мыши. Как это ни странно, в 
этом редакторе рисовать 
мышью было почти так же 
удобно, как и при использо- 
вании графического план- 
шета (ни в какой другой 
программе мышь не рисова- 
ла столь реалистично и в 
таком классическом стиле). 
Например, эта лягушка бы- 
ла нарисована мной при по- 
мощи одной только мыши. 

Мы просто не могли не 
познакомить тебя с этой за- 
мечательной программой, 
встречай - Expression от 
Creature House (после реги- 
страции ее можно скачать с 
www.microsoft.com/products/expre 
ssion/default.asp?pg=dl). 


Симпатичная лягушка 


ХАКЕРСПЕЦ 
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Меня могут спросить: “А 
для чего, собственно, нуж- 
но знакомиться с этим ре- 
дактором?" Отвечу: “Для 
того чтобы рисовать как Бо- 
rn” :). И несмотря на все 
просьбы редактора об объ- 
ективности, я превратила 
эту статью в оду “К 
Expression” :). Эта програм- 
ма в отличие от других гра- 
фических программ откроет 
необозримые просторы ри- 
сования для тех, кто не пос- 
вящен в секреты графики и 
живописи. А если кто-то из 
читающих эту статью не по- 
наслышке знаком с секре- 
тами мастерства художника, 
но не слышал об этой прог- 
рамме, то тем более прошу 
любить и жаловать - прог- 
рамма векторной графики с 
весьма живыми «кистями», 
которые поражают своей 
реалистичностью прямо в 
самое сераце даже профес- 
сиональных художников 
(это яо себе :)). Никакая 


другая программа, ни век- 
торная, ни растровая 
(Illustrator, FreeHand, 
CorelDraw, PhotoShop, 
Painter), He смогут срав- 
ниться с Expression. Если в 
Expression рисуешь “кистя- 
ми“, имитирующими аква- 
рель, - то получишь именно 
акварель, в которой есть 
все: от той самой волшеб- 
ной прозрачности живой 
акварельной графики, кото- 
рой, кстати, в реальной 
“жизни“ очень трудно go- 
биться, go той самой плохо 
ложащейся в “жизни” лес- 
сировки. Живые лессиро- 
вочные слои в Expression 
заменены обыкновенными 
всем хорошо известными 
слоями. Благодаря всему 
этому в исходном файле, 
все элементы иллюстрации 
которого разбиты по слоям, 
легко изменить характер, 
темперамент и цветность 
кистей и благодаря этому 
быстро и без усилий транс- 


формировать облик иллю- 
страции (например, как го- 
ворится, сделать из белого 
черное). На рисунке финал 
этого действа. 

Векторные кисти, создаю- 
щие те самые живописные 
мазки, - конек Expression: 
их можно масштабировать, 
удалять, ими можно манипу- 
лировать и играть насколь- 
ко позволяет фантазия, ко- 
торая, как известно, границ 
не имеет. 

Вернемся к акварельной 
графике. Возможность уда- 
ления уже нанесенных ак- 
варельных мазков“. - спа- 
сительный круг для графи- 
ков-рисовальщиков: невоз- 
можно аккуратно подчис- 
тить “грязь”, если ты рису- 
ешь псевдоакварелью в 
Painter, так как для этого 
потребуется немало усилий 
или возвращение к чистому 
листу, то есть к работе "с 
нуля". В Expression же все 


Девушка в качестве финала действа 


это происходит буквально 
“по мановению" мыши. 

Интерфейс программы 
прост, меню и панельки 
продуманны, “лоций“ не 
требуется. Думаю, нет 
смысла подробно описы- 
вать как, что и чем рисо- 
вать. Разобраться в нем под 
силу всем желающим, а мы 
лишь коротенько пробе- 
жимся по основным панель- 
кам. 

В Expression есть и 
ToolBox, предназначенная 
для представления ассорти- 
мента инструментов, нуж- 
ных на разных этапах рабо- 
ты (будь то кисть, инстру- 
мент для работы с точками 
или лупа). Итак, панели. 

ЕНес тез. Невероятно 
интересна, поскольку поз- 
воляет проделывать CpaH- 
тастические пируэты с 
обыкновенной линией. Нап- 
ример, из имеющейся линии 
можно накрутить тысячу 
других или одну, но сказоч- 
ную по своей форме. Абсо- 
лютно серьезно признаюсь 
в том, что ковыряться в 
EffectLines - одно удоволь- 
ствие. 

Transformation. Раз это 
графический редактор, то 
будет логично предполо- 
жить, что в нем можно 
трансформировать объекты, 
кисти, мазки и многое дру- 
гое. В это трудно поверить, 
но растровую кисть можно 
растянуть без потерь в ее 
изобразительном качестве 
go невообразимых разме- 
ров. Конечно, я немного ут- 
рирую, но Transformation 
действительно сказочно 
прекрасна :). 

PaintStyle. Как понятно из 
ее названия, позволяет за- 
давать цвет в любой из 
предлагаемых цветовых па- 
литр, а также размер выб- 
ранной кисти, прозрачность, 
текстуру и “рваность краев" 


THe 


“Планшетников“ тоже не об- 
делили вниманием 


для объектов. Возможные 
графические решения ока- 
жутся приятными для глаза, 
не только авторского :). 

NaHenbka Attributes. С ней 
тоже все предельно ясно - 
здесь задают различные ат- 
рибуты линиям. 

Font. Отвечает за работу с 
текстами. Здесь живые кис- 
ти “оживляют” слова. 

Variable Width. Создана 
для использующих графи- 
ческие планшеты, поэтому 
имеет несколько диаграмм с 
силой нажатия. Может по- 
мочь создать и свою диаг- 
рамму, для того чтобы эф- 
фект нажатия был реальнее 
самой реальности (рис. 4). 

Панель Colorize. Скажу 
честно, не пользовалась ею 
ни разу, равно как и па- 
нелью Flash Button, поэтому 
изволь разбираться самос- 
тоятельно :). 

Stroke. По сути представ- 
ляет собой главный шкаф- 
чик, в котором хранятся 
всевозможные карандаши, 
пастельки, акварельки 
фломастеры и другие ори- 
гинальные фотографичес- 
кие кисти Expression. 

В Expression можно пора- 
ботать еще и со встроен- 


Продолжаем художества с пом. ю панели Stroke 


Собака в режиме Preview 


ным в документ растровым 
изображением, применить к 
нему различные эффекты, 
фильтры. О чем еще можно 
сказать!? Например, можно 
поведать о том, что скелет 
рисунка, нарисованного в 
Expression, можно без труда 
увидеть собственными гла- 
зами. Любопытно то, что 
при работе с кистями, кото- 
рые сразу же ложатся на 
“бумагу“ одетыми в различ- 
ные акварельные или пас- 
тельные "одежды", “скеле- 
тов" мы не увидим, так как 
по умолчанию в Expression 
все просматривается в ре- 
жиме Preview. 

В таком случае можно 
посмотреть на рисунок в 
режиме Path, где все-все 
нарисованное отображает- 
ся только кривыми линия- 
ми, то есть виден чистой 
воды скелет рисунка. В ре- 
жиме Wireframe можно 
просмотреть скелетную 


структуру каждого “маз- 
ка", что также очень любо- 
пытно. Убесь в этом на 
примере. 


СОХРАНЕНИЕ КРАСОТ 

м Конечно же, то, что на- 
рисовано, нужно сохранить, 
и лучше всего это сделать 
записав файл в родном для 
этой программы разреше- 
нии. Дело в том, что при 
экспорте в формат Adobe 
Illustrator могут произойти и 
происходят разного рода 
глюки, и чтобы не было по- 
терь, лучше всего экспор- 
тировать объекты в любой 
удобный растровый cpop- 
мат, который Expression лю- 
безно предоставляет. У ме- 
ня найдется еще одно ма- 
ленькое и приятно-сущест- 
венное дополнение. В 
Expression есть еще одно 
удобство - возможность 
экспортировать и печатать 
страницу не только цели- 
ком, но и частями (для этого 
существует Crop Mark). 

Hy вот мы и познакоми- 
лись с такой замечательной 
программулиной, как 
Expression. Я не пожалела о 
знакомстве с ней. Два ябло- 
ка лучше, чем одно. Моди- 
фицируемый вектор со все- 
ми его замечательными ка- 
чествами изменяемости и 
достойнейшие растровые 
кисти, имитирующие нату- 
ральные инструменты ху- 
дожника, - что может быть 
лучше? 


Рассмотрим скелеты собачек и лягушек? 


Скачать версии 
этой програм- 
мы под Mac и 
Win можно со- 


вершенно 
бесплатно с 
www.microsoft. 
com/products/e 
xpression/defau 
It.asp?pg=dl 


Компания 
Creature House 
была основана 
в Гонконге 
пограммерами 
и художника- 
ми-аниматора- 
ми (отцом/пра- 
родителем 
компании счи- 
тается Алекс 
Чжу), которые 
решили co3- 
дать редактор, 
позволяющий 
создавать ри- 
сунки абсо- 
лютно естест- 
венные и нату- 
ральные, и тем 
самым облег- 
ЧИТЬ ЖИЗНЬ 
аниматоров 


СЖАТИЕ БЕЗ ПРОБЛЕМ ) 


СЖАТИЕ 


БЕЗ ПРОБЛЕМ 


трий Андрианов aka modifikator (www.modifikator.net), креативный дизайнер и 


Fi 


изайнер, pa- 


ботая Hag 
проектом, 


хранит в сво- 

ей рабочей 
папке go 500 Мб различных 
файлов - от фотографий и 
go версий эскизов разраба- 
тываемого проекта. Верс- 
тальщикам глянцевых жур- 
налов приходится работать 
с еще большим объемом 
графической информации. 
В среднестатистическом 
глянцевом журнале поряд- 
ка 96-ти полос, и практи- 
чески на каждой странице 
размещаются фотографии 
или другие иллюстрации. 
Таким образом, общий объ- 
ем графической информа- 
ции, с которой работают при 
верстке, увеличивается до 
нескольких гигабайт. О qpo- 
тографах, работающих в 
рекламных агентствах, 
страшно даже подумать. 
Чтобы сохранить одну ‹о- 
тографию в таком качест- 
ве, которое было бы прием- 
лемым для дальнейшего 
использования в полигра- 
фии, потребуется не менее 
ЗО-ти Мб. А таких фотогра- 
фий не одна и не две, их це- 
лый архив, который созда- 
вался в течение не одного 
года. Вот и задумываешься 
после этого о том, на чем 
все это хранить и как 
уменьшить объем архива, 
чтобы тот занимал помень- 
ше места на и без того за- 
битом go краев винчестере. 
По этим причинам и было 
изобретено множество ме- 
тодов сжатия самых разных 
данных, в том числе rpacpn- 
ческих. 


АРХИВАЦИЯ 
И КОМПРЕССИЯ 

m Как правило, все мето- 
ды сжатия графических 


ХАКЕРСПЕЦ 
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С ПОТЕРЕЙ КАЧЕСТВА И БЕЗ НЕЕ 


изображений разделяют на 
две категории: архивацию 
и компрессию. Под архива- 
цией понимают сжатие ин- 
формации с возможностью 
ее дальнейшего восста- 
новления. Компрессия же 
означает потерю некоторо- 
го количества информации 
об изображении, что есте- 
ственно приводит к ухуд- 
шению качества, но умень- 
шает объем сохраненных 
данных. 

Архивировать можно как 
растровую, так и векторную 
графику. Принцип архива- 
ции состоит в том, что прог- 
рамма анализирует наличие 
в сжимаемых данных одина- 
ковых последовательностей 
и исключает их, записывая 
вместо повторяющегося 
фрагмента ссылку на пре- 
дыдущий и аналогичный 
ему для того, чтобы была 
возможность восстановле- 
ния. Хорошим примером 
графического объекта с 
большим количеством оди- 
наковых последовательнос- 
тей может стать фотогра- 
фия или рисунок с голубым 
небом в изображении или 
со сплошной однотонной 
заливкой. При таком подхо- 
де можно восстанавливать 
нужную информацию без 
потерь. 

Компрессия же не гаран- 
тирует полного восстанов- 
ления исходных данных, по- 
этому ее основная задача - 
не "убить" что-нибудь 
очень ценное в погоне за 
уменьшением объема. 
Обычно информация, Nog- 
вергнутая компрессии, за- 
нимает значительно мень- 
ше объема, чем сохранен- 
ная методами архивации. 
Именно это обстоятельство 
и оставляет этому методу 
место под солнцем. Регули- 


рование степени сжатия 
дает право на выбор: раз- 
мер выходного срайла или 
сохранение его качества. 

Рассмотрим несколько ал- 
горитмов сжатия данных, 
которые не вносят измене- 
ний в исходные файлы и га- 
рантируют полное восста- 
новление данных. 


RLE (RUN LENGTH 
ENCODING) 

ш Метод сжатия данных, 
при котором одинаковые 
последовательности одних 
и тех же байтов заменяются 
однократным упоминанием 
повторяющегося байта (или 
целой цепочки байтов) и 
числа его повторений в ис- 
ходных данных. Например, 
строка типа 0100 0100 0100 
0100 0100 0100 0100 0100, 
описывающая некую груп- 
пу пикселей, будет замене- 
на на запись типа 0100х8 и 
т.п. Применяется этот тип 
сжатия в тех случаях, когда 
изображение имеет боль- 
шие участки одного цвета, 
цифровое представление 
которых идентично. В ос- 
новном этот тип сжатия 
применим для монохромных 
изображений с небольшим 
количеством цветов: для де- 
ловой и научной графики, в 
которых сжатием данных 
можно добиться наилучших 
результатов. Алгоритм при- 
меним для сжатия других 
типов данных (в том числе и 
не графических), но мало- 
эффективен, так как сжи- 
маемые данные должны 
иметь простую повторяю- 
щуюся структуру. Этот ал- 
горитм имеет еще одно важ- 
ное преимущество - он от- 
носительно прост и позво- 
ляет быстро производить 
распаковку из этого срорма- 
та и упаковку обратно (все 


графические данные для их 
обработки должны быть 
предварительно распакова- 
ны, а любая компрессия или 
архивация применяется в 
основном для временного 
или постоянного хранения 
файла). В принципе, на ос- 
нове этого несложного ал- 
горитма работают более 
совершенные и более 
сложные (а также менее 
быстрые) методы сжатия 
графических данных (я 
рассмотрю их ниже). Этот 
метод используется для 
файлов формата .PSD, 
„ВМР и других. 


CCITT GROUP 3, 
CCITT GROUP 4 

и Эти два похожие метода 
сжатия графических дан- 
ных работают с однобитны- 
ми изображениями, сохра- 
ненными в цветовой модели 
ВЁтар. Основаны на поиске 
и исключении из исходного 
изображения дублирую- 
щихся последовательнос- 
тей данных (как и в преды- 
дущем типе сжатия - RLE). 
Оба ориентированы на упа- 
ковку именно растровой 
графической информации, 
так как работают с отдель- 
ными рядами пикселей в 
изображении. Изначально 
алгоритм был разработан 
для сжатия данных, переда- 
ваемых через факсимиль- 
ные системы связи (CCITT 
Group 3), а более совер- 
шенная разновидность это- 
го метода архивации дан- 
ных (CCITT Group 4) nogxo- 
дит для записи монохром- 
ных изображений с более 
высокой степенью сжатия. 
Как и предыдущий алго- 
ритм, он в основном подхо- 
дит для сжатия изображе- 
ний с большими одноцвет- 
ными областями. Его досто- 


файлов формата .PSD, 
„ВМР и других. 


CCITT GROUP 3, 
CCITT GROUP 4 

Эти два похожие метода 
сжатия графических дан- 
ных работают с однобитны- 
ми изображениями, сохра- 
ненными в цветовой модели 
ВЁтар. Основаны на поиске 
и исключении из исходного 
изображения дублирую- 
щихся последовательнос- 
тей данных (как и в преды- 
дущем типе сжатия - RLE). 
Оба ориентированы на упа- 
ковку именно растровой 
графической информации, 
так как работают с отдель- 
ными рядами пикселей в 
изображении. Изначально 
алгоритм был разработан 
для сжатия данных, переда- 
ваемых через факсимиль- 
ные системы связи (CCITT 
Group 3), а более совер- 
шенная разновидность это- 
го метода архивации дан- 


ных (CCITT Group 4) nogxo- 
дит для записи монохром- 
ных изображений с более 
высокой степенью сжатия. 
Как и предыдущий алго- 
ритм, он в основном подхо- 
дит для сжатия изображе- 
ний с большими одноцвет- 
ными областями. Его досто- 
инство - скорость выполне- 
ния, а недостаток - в огра- 
ничениях при компрессии 
графических данных (не 
все данные удается acqpqek- 
тивно сжать таким обра- 
зом). Этот метод - для фай- 
лов формата .PDF, 
PostScript (в инкапсулиро- 
ванных объектах) и других. 


LZW (LEMPLE-ZIF-WELCH) 
Алгоритм сжатия дан- 
ных, основанный на поиске 
и замене в исходном файле 
одинаковых последова- 
тельностей данных для их 
исключения и уменьшения 
размера "архива". В отли- 
чие от предыдущих рас- 


смотренных методов сжа- 
тия, более "интеллектуаль- 
но" просматривает сжимае- 
мое содержимое, а все ради 
большей степени сжатия 
данных. Данный тип сжатия 
не вносит искажений в ис- 
ходный графический файл 
и подходит для обработки 
растровых данных любого 
типа - монохромных, черно- 
белых или полноцветных. 
Наилучшие результаты по- 
лучаются при компрессии 
изображений с большими 
областями одинакового 
цвета или изображений с 
повторяющимися одинако- 
выми структурами. Этот ме- 
тод демонстнрирует самые 
поразительные результаты 
степени сжатия (среди gpy- 
гих существующих методов 
сжатия графических дан- 
ных) при полном отсутствии 
потерь или искажений в ис- 
ходных файлах. Использу- 
ется в файлах формата 
TIFF, .PDF, .GIF, PostScript » 
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Лучшие из лучших - 2004 

MC подводит итоги - лучшие ноутбуки, 
карманные компьютеры, смартфоны 
и мобильные телефоны года 


Тестирование новейших моделей 
КПК, ноутбуков и сотовых 
телефонов 


15 самых вредных проблем КПК 
Уже решены... 


Холод - дядька? 
МС знает как защитить ноутбук от 
низких температур 


Шаг за шагом 

Синхронизируем электронную почту 
на ноутбуке и настольном РС 

Защищаем свой наладонник с 
помощью SignWise Professional 

Увеличиваем производительность 
наладонника - XCPUScalar 

Управляем КПК голосом - Voice 
Commander 0.88 

Почтовый клиент, $М5-пейджер и 
ежедневник в среде Palm OS 

Редактируем фотографии 
программой Lenses 
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TOTAL DVD - 


ЖУРНАЛ 0 КИНО, 
DVD И ДОМАШНЕМ 
КИНОТЕАТРЕ 


ЯНВАРЬСКИЙ НОМЕР 
УЖЕ В ПРОДАЖЕ 


ЧИТАЙТЕ В НОМЕРЕ: 


¢ 8 рецензий на новинки 
российского кинопроката 
® 120 обзоров DVD-guckoB 
5 региона 
¢ Сравнительный тест 6 
портативных DVD-nneepos 
eC этого номера на 16 
страниц больше! 


КАЖДЫЙ НОМЕР 
С ФИЛЬМОМ НА DVD 


Более 500 призов 
в новом каталоге 


«Конкурсы»! 


Ищи в О\Уб-приложении 


(в инкапсулированных объ- 
ектах) и других. 


zip 

ш Метод сжатия, анало- 
гичный использующемуся в 
популярном алгоритме ар- 
хивации PKZip. В основу 
ZIP положен метод, анало- 
гичный LZW. Как и LZW, не 
вносит искажений в исход- 
ный файл и лучше всего 
подходит для обработки 
графических данных с оди- 
наковыми одноцветными 
или повторяющимися об- 
ластями. Используется в 
файлах формата .PDF, .TIFF 
и некоторых других. 

А теперь рассмотрим алго- 
ритмы и методы конверти- 
рования данных, которые 
вносят изменения в исход- 
ные файлы, показывая при 
этом более высокую сте- 
пень качества упаковки 
графических изображений. 


JPEG (JOINT 
PHOTOGRAPHIC EXPERTS 
GROUP) 

m= Метод, используемый 
для хранения полутоновых 
и полноцветных изображе- 
ний, позволяющий добить- 
ся лучшей степени сжатия 
и минимального размера 
выходного файла. Принцип 
работы основан на особен- 
ностях восприятия челове- 
ческим глазом различных 
цветов и достаточно сло- 
жен с вычислительной точ- 
ки зрения, так как занимает 


составляющей, так как че- 
ловеческий глаз восприни- 
мает изменения яркости 
лучше, чем изменения 
конкретного цветового тона. 
Полученные данные сжима- 
ются по RLE или LZW-anro- 
ритму для достижения еще 
большей компрессии. В ре- 
зультате на выходе получа- 
ем файл иногда в десятки 
раз меньший, чем его не- 
конвертированный аналог. 
Однако чем меньше размер 
выходного срайла, тем мень- 
ше степень "аккуратности" 
при работе программы-кон- 


НОВЫЙ СТАНДАРТ JPEG 
2000 

и В его разработке приня- 
ли участие Международная 
организация по стандарти- 
зации (International 
Organization for 
Standardization), Междуна- 
родный союз телекоммуни- 
каций (International 
Telecommunications Union), 
компании Agfa, Canon, 
Fujifilm, Hewlett-Packard, 
Kodak, LuraTech, Motorola, 
Ricoh, Sony и другие. Поз- 
воляет сжимать изображе- 
ния в 200 раз без заметной 


Файлы в цветовом 
пространстве СМУК больше 
аналогичных в пространстве 

RGB на 33%. 


вертора и, соответственно, 
ниже качество выходного 
изображения. Обычно в 
программах, позволяющих 
сохранять растровые дан- 
ные, есть возможность не- 
которого компромисса меж- 
gy объемом выходного фай- 
ла и качеством изображе- 
ния. При лучшем качестве 
объем выходного файла в 
3-5 раз меньше исходного 
незапакованного. При каче- 
стве похуже - меньше ис- 
ходника в десятки раз, но, 
как правило, при этом каче- 
ство изображения уже не 
позволяет использовать его 


Вспомогательное 
средство сжатия JPEG 2000 - 


изменение цветовой модели 
графического файла. 


много процессорного вре- 
мени. Кодирует файлы в 
несколько этапов. Во-пер- 
вых, изображение условно 
разбивается на несколько 
цветовых каналов для даль- 
нейшего анализа. Затем 
картинка разбивается на 
группы по 64 пиксела в 
каждой группе (она же - 
квадратный участок изобра- 
жения размером 8х8 пиксе- 
лей) для последующей об- 
работки. Затем цвет пиксе- 
лей специальным образом 
кодируется, исключаются 
дублирующая и избыточная 
информация, причем при 
описании цвета больше 
внимания уделяется скорее 
яркостной, чем цветовой 


где-либо. Данный формат 
предназначен для хранения 
в основном фотографичес- 
ких изображений с боль- 
шим количеством оттенков 
и цветовых переходов и 
почти не подходит для хра- 
нения однотонных изобра- 
жений типа кадров из 
мультфильмов, скриншотов 
(сжатие будет слишком 
низким или качество кар- 
тинки достигнет критичес- 
кой отметки). Этот метод 
сжатия графических дан- 
ных используется в файлах 
формата .PDF, PostScript 
(для включенных объек- 
тов), собственно в .JPEG и 
других. 


для невооруженного глаза 
потери качества. Основным 
отличием JPEG2000 от пре- 
дыдущей версии этого фор- 
мата является использова- 
ние алгоритма волнового 
преобразования (изображе- 
ние описывается с по- 
мощью математических вы- 
ражений как непрерывный 
поток) вместо преобразо- 
вания Фурье, что и предо- 
твращает появление харак- 
терных блоков. Умеет также 
без ущерба модифициро- 
вать (масштабировать, ре- 
дактировать) рисунок, сох- 
раненный в этом формате. 
Алгоритм волнового преоб- 
разования позволяет прос- 
матривать и распечатывать 
одно и то же изображение 
при различных (заданных 
пользователем) значениях 
разрешения и с требуемой 
степенью детализации. Бла- 
годаря этой особенности 
JPEG2000 быстро найдет 
свое место в Сети, посколь- 
ку обеспечит возможность 
загружать картинки с раз- 
ными значениями разреше- 
ния в зависимости от пропу- 
скной способности конкрет- 
ного канала связи. Да и тот 
факт, что пользователи ин- 
тернета смогут получать 
изображения высокого ка- 
чества, немаловажен. Еще 
одно значимое преимущест- 
во JPEG2000 - возмож- 
ность управлять 256-цвето- 
выми каналами, а в резуль- 
тате получать качествен- 
ные цветные изображения. 
Специалисты обещают, что 
в общем случае новый 
формат будет как минимум 


на 30% эффективнее, чем 
УРЕС. И еще один плюс - 
новый стандарт является 
открытым. 

Главным недостатком 
компрессии с частичной по- 
терей качества является то, 
что эти потери, выражаю- 
щиеся в искажении цвето- 
вого тона или появлении ха- 
рактерной кубической 
структуры в контрастных 
участках изображения 
(всплытие так называемых 
артефактов), возникают 
каждый раз при сохранении 
изображения и "накладыва- 
ются" друг на друга при 
многократном сохранении 
файла в этом формате. Позэ- 
тому специалисты рекомен- 
дуют использовать форма- 
ты с частичной потерей ка- 
чества только для хранения 
окончательных результатов 
работы, а не для промежу- 
точных рабочих файлов. 

Кроме того, вспомогатель- 
ным средством уменьшения 
объема файлов в JPEG 
2000 можно считать изме- 
нение цветовой модели гра- 
фического файла, измене- 
ние разрешения растрового 
файла и ресемплирование 
(изменение глубины цвета 
пикселей). 


ИЗМЕНЕНИЕ ЦВЕТОВОЙ 
МОДЕЛИ ГРАФИЧЕСКОГО 
ФАЙЛА 

и Объясню все на приме- 
ре. Файлы в цветовом 
пространстве СМУК больше 
аналогичных в простран- 
стве RGB на 33% (так как в 
СМУК имеется дополни- 
тельный четвертый черный 
канал). Если не планируешь 
печатать файлы или ты уве- 
рен в том, что сможешь кор- 
ректно провести цветоделе- 
ние (переход в субтрактив- 
ную модель СМУК) позже, 
можешь хранить рабочие 
файлы в RGB. 


ИЗМЕНЕНИЕ 
РАЗРЕШЕНИЯ 
РАСТРОВОГО ФАЙЛА 

и Файл с разрешением 
600 точек на дюйм больше 
своего аналога разрешени- 
ем в 300 точек в четыре ра- 
за (!), а качество печати при 
повышенном разрешении 
не всегда будет выше. Так 
что если разрешение избы- 
точно, можешь его пони- 
зить, только помни, что пос- 
ле такого назад дороги не 
будет (процесс является не- 
обратимым) и никакая пос- 
ледующая интерполяция не 


восстановит потерянные 
пикселы. Так что при зада- 
нии необходимого разреше- 
ния также будь внимателен. 
Следует учесть, что пара- 
метр разрешения контуров, 
применительно к векторной 
графике, не имеет отноше- 
ния к объему выходного 
файла (это уже другое раз- 
решение и другое понятие), 
но влияет на аккуратность 
"прорисовки" вектора при 
его растеризации в устрой- 
стве, где производится пе- 
чать. Так что уменьшение 
этого параметра для вектор- 
ной графики не уменьшит 
объем файлов, а только 
ухудшит качество печати. 


РЕСЕМПЛИРОВАНИЕ 

m Ресемплирование, или 
изменение глубины цвета 
растрового изображения, - 
изменение начальной глу- 
бины цвета файла. Некото- 
рые оцифровывающие уст- 
ройства выдают растровую 
информацию с глубиной 
цвета, превышающей дос- 
таточное для печати значе- 
ние 8 бит на канал. Это 
иногда оправданно, так как 
большее значение бит на 
канал позволяет задавать 
большее число градаций 
цвета, что важно, например, 
при сильной, "кардиналь- 
ной" цветокоррекции - 
сильном осветлении или за- 
тенении отдельных участ- 
ков. Однако в большинстве 
случаев для хранения раст- 
ровых данных в различных 
цветовых моделях с лихвой 
хватит глубины цвета 8 бит 
на канал. Кроме того, один 
из стандартов сжатия для 
ВСВ-изображений подразу- 
мевает использование раз- 
ного количества бит для 
разных цветовых составля- 
ющих (обычно наибольшее 
количество бит использует- 
ся для зеленого канала). 
Также большинство фильт- 
ров Adobe Photoshop рас- 
считано на работу с изобра- 
жениями глубиной цвета в 8 
бит (с изображением, ис- 
пользующим нестандартную 
глубину цвета, становится 
практически невозможно 
работать, так как большин- 
ство фильтров рассчитаны 
на значение глубины цвета 
именно 8 бит). 

P.S. При подготовке мате- 
риала была использована 
статья Евгения Кузнецова 
"Методы компрессии и сжа- 
тия изображений". = 


Журнал "Хакер Спец" 
и Genius представляют 


SPECial delivery 


ОБЗОР КНИГ ) 


Каролик Андрей (andrusha@real.xakep.ru 


ОСОЗНАННЫЙ ДИЗАЙН 


S 


этот обзор попали книжки, которые мы купили бы и сами себе. Каждый раз листаем, описываем, а у самих текут 
слюнки - вот бы стащить домой :). Останавливает только то, что дом не резиновый, а времени на чтение всего, 
что хочется, катастрофически не хватает. Надеемся, что ты найдешь для этого чтива место и время. 


НАСТОЛЬНАЯ КНИГА 
МАСТЕРА ADOBE 
PHOTOSHOP 


М.: КомпьютерПресс 


2001 


коррективы (так как распо- 
ложение и названия меня- 
ются). Новая версия - но- 
вые возможности. Освой 
эти приемы, а дальше 
действуй самостоятельно. 


ХИТРОСТИ И СЕКРЕТЫ 
РАБОТЫ В PHOTOSHOP CS 


М.: Издательский дом "Вильямс" 


Деоков В. 


2004 


224 страницы 
Разумная цена: 370 рублей 


Скотт Ken6u 


326 страниц 


Книга от главного ре- 

дактора журнала 
"КомпьюАрт". Построена 
интересным образом - мож- 
но читать с любого места - 
просто выбирай в оглавле- 
нии интересующую тему. 
Одновременно и справоч- 
ник, и учебник, и практикум 
(опыт профессионала тоже 
не забыли включить). Ты не 
найдешь занудных повест- 
вований об интерфейсе, ма- 
тематических формул и 
описания графических 
форматов. Зато впитаешь 
более 100 практических со- 
ветов и более 50-ти поша- 
говых уроков. За основу 
книги принята версия 
Photoshop 5.5, но разница в 
версиях не помеха таким 
знаниям: просто в пошаго- 
вой реализации будут свои 
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Разумная цена: 260 рублей 


Автор книги - редак- 

тор журнала 
Photoshop User. OH раскры- 
вает множество интересных 
приемов, которые использу- 
ют фотографы, дизайнеры и 
профи по спецэффектам. 
Причем многие приемы ра- 
нее не описывались нигде. 
Все примеры этой книги - 
фирменные и от профессио- 
налов (обычно в книгах при- 
меры посредственные, лишь 
бы действие показать). При 
этом каждый пример распи- 
сан по шагам и снабжен не- 
обходимыми советами по 
конкретным действиям в 
Photoshop CS. Снимок в 
снимке, перевоплощения ри- 
сунка с помощью каранда- 
ша за 60 секунд, движение 
в снимке, готическая над- 


Если в описанных книгах что-то тебя заинтересовало, мо- 
жешь заказать их (по разумным ценам) не отрывая пятой 
точки от стула или дивана в букинистическом интернет-мага- 


зине "0$-Книга" (www.osbook.ru), который любезно предо- 


ставил нам книжки живьем. 


пись, голливудский эффект 
в стиле грандж, зеркальные 
отражения, объемная книга, 
полупрозрачный интерфейс, 
фотографии на кубе и мно- 
гое другое. 


MACROMEDIA 
DREAMWEAVER МХ ДЛЯ 
WINDOWS И MACINTOSH 


M.: ДМК Пресс 


2003 

Тауэрс Дж. Тарин 

768 страниц 

Разумная цена: 330 рублей 


Dreamweaver - луч- 

ший на сегодня опти- 
мизатор процессов созда- 
ния, публикации и поддерж- 
ки веб-сайта. При условии, 
что ты умеешь с ним обра- 
щаться. Так как вокруг мно- 
жество примеров бездарно- 
го использования мощной 
программы и последующих 
воплей о том, что проще ру- 
ками. Хорошо, когда у тебя 
домашняя страничка из трех 
разделов, а если это здоро- 
вый с массой информации и 
сотней файлов портал, кото- 


рый надо обновлять ежед- 
невно? Если есть знакомый 
программист, можно сделать 
некий движок, с помощью 
которого ты будешь админи- 
стрировать сайт. А если нет, 
то ставь Dreamweaver, поку- 
пай книгу и вникай. 


КОМПЬЮТЕРНЫЕ 
ТЕХНОЛОГИИ В 
ДИЗАЙНЕ. ЛОГОТИПЫ, 
УПАКОВКА, БУКЛЕТЫ 


Спб.: БВХ-Петербург 


2003 
Яцюк О.Г. 
464 страницы 
Разумная цена: 185 рублей 
Интересуешься раз- 
работкой логотипов, 
буклетов и упаковкой? Нет 
проблем, книга как раз ори- 
ентирована на таких, как ты. 
Приведены необходимые те- 
оретические сведения (тех- 
нический рисунок, компози- 
ция, типографика) и разоб- 
рано множество примеров, 
чтобы наглядно показать 
аспекты, влияющие на ко- 
нечный результат (товарные 


знаки, логотипы, упаковки, 
этикетки и буклеты). Для ос- 
воения материала было бы 
неплохо иметь представле- 
ние о программах Adobe 
Illustrator, Adobe Photoshop 
и Adobe PageMaker, так как 
приводимые примеры вы- 
полнены именно в них. Для 
тех же, кто слаб, есть бонус - 
практический курс с каждой 
программой. 


ADOBE ILLUSTRATOR CS 


768 страниц 


Adobe Illustrator - поч- 

ти синоним векторной 
графики. Если человек хоть 
раз сталкивался с вектора- 
ми, то об этой программе он 
точно слышал (чуть реже 
еще и про CorelDRAW). Это 
примерно то же самое, что и 
ассоциация персоналки с 
Windows. Для новичка 
Illustrator - неприступная 
крепость, в которой скрыты 
сокровищницы возможнос- 
тей. Но с этой книгой сокро- 
вищницы станут небольшой 
горкой, в которой ты бу- 
дешь копаться по мере ее 
прочтения и практического 
освоения Illustrator. А когда 
заберешься поглубже, бу- 
дешь легко решать все век- 
торные проблемы. Бонус - 
описание шрифтового фор- 
мата OpenType и программы 
Adobe Streamline, которая 
позволяет переходить от 
пиксельной графики к век- 
торной и обратно (с одним и 
тем же макетом). 


CORELDRAW 12 


Если при работе с 

векторной графикой 
твой выбор пал на 
CorelDRAW, эта книга будет 
как нельзя кстати. Это пере- 


водной родной мануал, поэ- 
тому он наиболее полный. 
Все содержимое книги чет- 
ко структурировано и описа- 
но настолько подробно (с 
пошаговыми инструкциями), 
что книгу может открыть да- 
же тот, кто в первый раз за- 
пустил CorelDRAW - что-то 
получится сразу. Для полу- 
чения практических навы- 
ков, конечно, придется про- 
читать всю книгу и поэкспе- 
риментировать с приведен- 
ными практическими приме- 
рами живьем. Бонус - описа- 
ние дополнительных прог- 
рамм: CorelRAVE для созда- 
ния видеоклипов, 
CorelTRACE для трассиров- 
ки и CorelCAPTURE для зах- 
вата изображений с экрана. 


ADOBE PHOTOSHOP ДЛЯ 
ХУДОЖНИКОВ 


2003 


592 страницы 


Photoshop можно ис- 

пользовать не только 
для обработки отсканиро- 
ванных изображений, но и 
для создания собственных 
шедевров. Ты, наверное, 


помнишь любимые уроки 
изобразительного искус- 
ства в школе :). Натюрмор- 
ты, портреты, пейзажи - все 
это возможно нарисовать 
средствами Photoshop. Бо- 
лее того, рисовать можно в 
различных стилях и техни- 
ках. Для легкости усвоения 
материала в книге приведе- 
но множество пошаговых 
наглядных примеров, кото- 
рые ты можешь повторять 
сколько угодно раз до тех 
пор, пока не станет полу- 
чаться :). Вся прелесть в 
том, что можно рисовать ак- 
варелью и техникой масля- 
ной живописи без красок и 
кисточки. А возможностей 
гораздо больше, чем в жиз- 
ни. Плюс ты можешь в лю- 
бой момент времени сохра- 
нять свое безобразие и на- 
чинать все с начала, если 
что-то испортишь. В реале 
так не прокатит :). 


ТИПОГРАФИКА: ШРИФТ, 
ВЕРСТКА, ДИЗАЙН 


2004 


496 страниц 


Если ты думаешь, что 
[>> выбрать шрисрт, его 
размер и расположение - 
раз плюнуть, ты заблужда- 
ешься. Есть определенные 
правила и тонкости, кото- 
рые надо знать, чтобы пра- 
вильно и красиво оформить 
свои творения, в которых 
есть текст. В книге как раз 
рассматриваются эстети- 
ческие принципы выбора и 
размещения шрисфтов (ма- 
ло выбрать, надо еще 
знать, как использовать). В 
книге приведены примеры, 
отвечающие современным 
стандартам, поэтому полу- 
ченные знания ты можешь 
использовать в дальней- 
шем и в профессиональной 
компьютерной верстке. Ты 


узнаешь, что такое типогра- 
фика, единицы типометрии, 
гарнитура и шрифт, шриф- 
товые файлы, кегль и ин- 
терлиньяж, кернинг и тре- 
кинг, отступы и выравни- 
вание, правила типографи- 
ки, технология стилей и 
т.п. И все эти страшные (на 
первый взгляд) термины 
разбавлены множеством 
наглядных примеров из 
жизни автора. 


MACROMEDIA FLASH MX 
ДЛЯ WINDOWS И 
MACINTOSH 


2003 


704 страницы 


Помню To время, когда 

Flash буквально вор- 
вался на просторы интерне- 
та. После статики и слабой 
(по сравнению с Flash) gif- 
анимации это казалось чем- 
то сверхестесственным. Не- 
большие по весу Flash'oBbie 
ролики позволяли созда- 
вать качественную анима- 
цию, воспроизводить каче- 
ственный звук и выдавать 
невиданную до этого инте- 
рактивность. Но со време- 
нем такая шумиха поутихла, 
a Flash занял свою нишу. 
Баннеры, заставки и игры на 
Flash - теперь это серые 
будни. По собственному 
опыту могу сказать, что 
просто запустить Flash и на- 
учиться чему-то методом ты- 
ка практически невозможно. 
Если ты хочешь освоить 
последнюю версию 
Macromedia Flash МХ, начни 
с этой книжки. Она построе- 
на по принципу "от просто- 
го к сложному", поэтому 
доступна любому начинаю- 


щему веб-дизайнеру. 


108 WEB-OB30P 


Каролик Андрей (andrusha@real.xakep.ru 
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РЕСУРСЫ ПО ДИЗАЙНУ 


WWW.KAK.RU 


— 


И правда, как? Ha no- 

добные вопросы мо- 
жет быть два ответа: от про- 
фессионала и от Henpocpec- 
сионала. Независимо от то- 
го, о чем вопрос. Если эта 
область - дизайн, то подой- 
дет журнал с замысловатым 
названием "[КАК)". Но поку- 
пать накладно, тем более 
что-то незнакомое. А вот он- 
лайновые версии старых но- 
меров из архива - и бесплат- 
но, и полезно. В архиве ты 
найдешь много увлекатель- 
ного и познавательного: от 
творчества известных ди- 
зайн-графиков до ценооб- 
разования в тех форматах, 
которые могут быть инте- 
ресны практикующему ди- 
зайнеру. Далеко не все но- 
мера и далеко не все статьи 
в этих номерах выложены в 
электронном виде, но грех 
жаловаться на халяву :). 


WWW.DESIGNET.RU 


Независимый инфор- 
мационный проект. 
Возраст - более четырех 
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лет. Для тех, кому не без- 
различен промышленный 
дизайн во всех его ипоста- 
сях. Большинство публика- 
ций, конечно, посвящено 
именно промышленному ди- 
зайну, но на этом все не за- 
канчивается. Приятно, что 
ресурс посвящен не только 
матерым дизайнерам, но и 
тем, кто стремится стать та- 
ковыми. Причем это не 
просто очередной информа- 
ционный портал, а скорее 
коммьюнити, цель которого 
- формирование общества 
профессиональных дизай- 
неров. Участвовать в про- 
екте Designet.ru может лю- 
бой желающий. А для сту- 
дентов есть отличная воз- 
можность найти работода- 
теля опубликовав свои ра- 
боты. 


Еще один ресурс, по- 

священный промыш- 
ленному дизайну. Новост- 
ной и, соответственно, бо- 
лее динамичный. Многие 
статьи и новости заимство- 
ваны из других ресурсов, в 
основном англоязычных. 
Так что если ты хочешь 
быть в курсе событий пром- 
дизайна, которые происхо- 
дят во всем мире, возьми 
ресурс на заметку. Конеч- 
но, никто не может гаранти- 
ровать полноту охвата те- 
мы, тем более такой не- 
большой авторский проект. 
Но это уже что-то. А заим- 
ствованные материалы во- 
обще не проблема: всегда 


есть ссылка не первоисточ- 
ник. Таким образом, если 
ты знаешь английский, то 
сможешь и самостоятельно 
копать новости и статьи, не 
вошедшие в обзор редак- 
тора сайта. 


WWW.CARDESIGN.RU 


Для фанатов машин и 

автомобильного ди- 
зайна. То есть для тех, кто 
посещает автосалоны и 
выставки, кому не безраз- 
лично проектирование но- 
вых концепткаров. Кто ува- 
жает тюнинг и сам занима- 
ется им. Конечно же, твоему 
вниманию море классных 
фоток, интересные статьи, 
информация о событиях и 
форум для желающих най- 
ти братьев по разуму. Для 
тех, кто сам любит поизо- 
бретать, есть специальный 
конкурс на лучший проект 
месяца (то есть проводится 
раз в месяц). Каждый месяц 
новые задание и тема. 


WWW.LIGHTWAVESD.RU 


Форум gna 3D-gu3an- 

неров, использующих 
в работе LightWave 3D. Учи- 
тывая тот минимум литера- 
туры, который есть по 
LightWave 3D (еще меньше 
переводных книжек и ста- 


тей), этот форум - просто 
палочка-выручалочка для 
начинающих "трехмерных" 
дизайнеров. Для большего 
удобства все темы разделе- 
ны на категории: Layout 
(вопросы сцен, освещения, 
спецэффектов, анимации, 
рендеринга), Modeler (воп- 
росы по моделированию), 
текстуры (вопросы по сло- 
ям, наложению и UV's), уро- 
ки, плагины и LScript (соз- 
дание и использование 
скриптов). Кроме этого но- 
вости, ссылки, поиск работы 
и галереи работ совершен- 
но разных дизайнеров - 
есть на что посмотреть. 


WWW.CGTALK.RU 


Изначально 

CGTALK.RU - детище 
двух студий (KVFX/Poccua 
и Mystic Рат/Финляндия). 
Несмотря на это обстоя- 
тельство, ресурс достаточ- 
но объективен и независим. 
Будет интересен прежде 
всего для VF X-npoqeccuo- 
налов и энтузиастов-пер- 
вобранцев. Куча работ и га- 
лерей, статьи об интерес- 
ных проектах, мастер-клас- 
сы от профи - пошаговые 
примеры получения клас- 
сных эффектов. Другими 
словами, все то, что помо- 
жет тебе выдавать один 
шедевр краше другого. 


WWW.GRAPHICS.RU 


Ресурс, посвященный 
всему, что связано с 
20-графикой. Самые пос- 


ледние новости из мира 2D 
графики, профессиональ- 
ные статьи (включая ин- 
тервью с профи), интерес- 
ные обзоры, уроки по соз- 
данию профессиональных 
эффектов (правдоподоб- 
ные шрамы, капли на стек- 
ле, раскаленная поверх- 
ность, сгибы на бумаге, пу- 
левые отверстия, облака и 
дым, "настоящие" волосы и 
еще много всякой вкусняти- 
ны), форум для желающих 
задать свои вопросы и по- 
общаться с коллегами. Если 
есть свои работы, шли туда 
и узнавай мнение профес- 
сионалов. Возможно, они 
тебе подскажут не только 
твои ошибки, но и способы 
их устранения. Для посто- 
янных фанатов - конкурсы. 


WWW.RENDEROSITY.COM 


Если не знаешь анг- 

лийский - срочно 
учить. Иначе ты просто не 
сможешь читать подобные 
проекты и потеряешь очень 
много. Это целый живой го- 
род (отсюда и название) - 
коммьюнити любителей 2D- 
и 3О9-графики по всему ми- 
ру. Почти 10000 иллюстра- 
ций, которые можно оцени- 
вать и критиковать онлайн. 
Сотни примеров, как сде- 
лать что-то необычное. Есть 
всевозможные ресурсы 
(плагины, текстуры, фильт- 
ры, кисти, фонты - горы все- 
го), часть которых, правда, 
платные. Некоторые сла- 
дости доступны только пос- 
ле регистрации. 


WWW.HIGHEND3D.COM 


Что называется, хай- 
yy | енд в 3D-MogenupoBa- 
нии. Изюминка сайта в том, 
что авторы проекта сделали 


только движок, а наполне- 
ние сайта делают сами по- 
сетители (под пристальным 
наблюдением модераторов, 
конечно). Начинка посвя- 
щена прежде всего основ- 
ным пакетам профессио- 
нального 3D-mMogenupoBa- 
ния: Maya, XSI, 30$ Мах. Ha- 
бор по каждому достаточно 
стандартный: апдейты, фо- 
румы, плагины, скрипты, по- 
шаговые уроки и всевоз- 
можные Tool'bl. О качестве 
контента суди сам. 


WWW.LOGOTYPES.RU 


Очень часто бывают 
[>> позарез нужны лого- 
типы. Либо как примеры для 
создания своих собствен- 
ных, либо для использова- 
ния где-либо. Можно смот- 
реть на сайте конторы, мож- 
но сканировать с проспек- 
тов, можно увешаться бол- 
ванками, а можно запом- 
нить всего лишь одну ссыл- 
ку. Что выберешь? Сам по 
себе сайт незатейливый - 
алфравит и ничего лишнего. 
В базе более 5000 логоти- 
пов и, что особенно прият- 
но, все они в формате 
Adobe Illustrator (заархиви- 
рованные). Прежде чем ска- 
чивать, можно посмотреть 
превьюшку. 


WWW.ROMANM.CH 


Жив еще А$С!-ди- 

зайн. Если не в курсе - 
это художества, изображен- 
ные с помощью всевозмож- 
ных букв, цифр и спецсим- 
волов. Уж не знаю, где 
можно использовать подоб- 
ные извращения, но порой 
смотрится прикольно. Чаще 
всего подобное можно 
встретить в текстовых опи- 
саловах, например, кряков 
и апдейтов. Представь себе, 
есть еще и игрушки в ASCII - 
www.thecrunge.net/void/ 
watch.php?id=32&width=650&height 
=500. Кстати, можно исполь- 
зовать в SMS или mms (есть 


даже такой отдельный под- 
раздел). Маленькое, но ис- 
кусство :). 


WWW.CREATEBRAND.RU 


Как ни крути, a профи 

обычно рисуют ди- 
зайн за деньги. Не все (на 
чем-то просто руку набива- 
ют), но большая часть их 
работа - заказы. И все это - 
постоянный креатив. Если 
связано с рекламой, то еще 
слоган и бренд. Этот портал 
как раз специализирован 
для такой узкой аудитории. 
Основные темы: реклама, 
PR, маркетинг и брендинг. 
Здесь собрано много хоро- 
шего и ценного из мира 
рекламы. От идей до людей. 
Самые успешные реклам- 
ные капании, самые креа- 
тивные копирайтеры. 
Ошибки брендинга и гени- 
альные решения. Аудито- 
рия сайта - руководители 
рекламных отделов (кстати, 
это твои потенциальные ра- 
ботодатели), маркетологи, 
РВ-менеджеры, копирайте- 
ры, медиапланеры, дизай- 
неры, студенты рекламных 
и журналистских специаль- 
ностей и т.д. 


3D-pecypc по компью- 

терной графике и 
анимации, ЗО-технологиям и 
рендерингу. Неважно, про- 
фи ты или просто интересу- 
ешься профессиональной 
трехмерной графикой. В 
обоих случаях ты найдешь 
для себя что-нибудь инте- 
ресное, посмотришь клас- 
сные работы и сможешь об- 
судить интересующие тебя 
темы. Плюс самые свежие 
новости из мира 3D (можно 
подписаться и получать ре- 
гулярно по почте), красоч- 
ный и информативный он- 
лайн-журнал о ЗО)-графике - 
геАнимация и различные 
конкурсы. Также проект 
гепаег.ги ведет собствен- 


ные курсы в реале - для 
тех, кто живет в Питере. 


WWW.FLASHER.RU 


Незаменимый ресурс 

для тех, кто ваяет на 
Flash. Клуб Flash'epos с 
возможностью обмена опы- 
том. Обучалки и уроки - 
ценное хозяйство, но оно 
есть не только здесь, плюс 
по Flash издано приличное 
количество книг. А вот ис- 
ходники, сделанные реаль- 
ными дизайнерами, с автор- 
скими комментариями и 
объяснениями - наверное, 
самое ценное, что есть на 
этом сайте, потому что пока 
не знаешь Flash, читать 
что-либо - малоэффектив- 
но. Надо сначала постиг- 
нуть азы, попробовать са- 
мостоятельно поработать с 
Flash, и только потом вни- 
мать чужим примерам и со- 
ветам. Изучая чужие творе- 
ния, ты найдешь много ин- 
тересных приемов и хитрос- 
тей, которые будешь ис- 
пользовать потом в своих 
проектах. 


Любимый gna про- 

фессиональных ди- 
зайнеров форум. Как пра- 
вильно замечают создатели 
проекта, потребность в про- 
фессиональном общении 
возникает часто. Не потому 
что нефиг делать, а потому 
что некоторые проблемы 
можно решить только с 
подсказки опытных коллег. 
И наоборот, когда делишь- 
ся своим опытом, оценить 
это на все сто может опять 
же только такой же, как ты, 
специалист. Новайсы же 
только откроют рот и ска- 
жут "wow", HO ни слова про 
удачные находки и допу- 
щенные ошибки - они прос- 
то этого не увидят. Этот фо- 
рум как раз для решения 


таких проблем. 
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СОФТ. 
ОТ МОМАМ! 


олод, вьюга или снег за окном этой долгой зимой - а софт от МоМаМе неизменно на нашем диске. Этот месяц ознамено- 
вался выходом большого количества свежего ПО, многое из которого вдобавок еще и бесплатно. Так что наслаждайся! 
С _4 


9()с (doc@nnm.ru 


KCHESS ELITE 


KChess Elite - очень удобная программа gna игры в 

шахматы, которую создал австралийский програм- 
мист и шахматист Rob McDonnel. Она подойдет для людей 
с любым уровнем подготовки, так как имеет очень гибкие 
настройки сложности игры. Особенно ценна для начинаю- 
щих игроков и тех, кто хочет развить свои умения. В прог- 
рамме реализован многоязычный интерсрейс (английский, 
французский, русский, испанский, итальянский и gp.), зву- 
ковое сопровождение (произнесение ходов и т.д), подде- 
ржка просмотра/записи шахматных партий, сохраненных 
в различных форматах (.pnq, .fen, ера), распечатка партий 
с помощью специальных шахматных шрисфтов, анализ Te- 
кущей ситуации (может быть полезен для решения за- 
дач). Помимо всего прочего ты сможешь выбрать различ- 
ные наборы шахматных фигур (от классики go модерна), 
их размер, раскраску доски. KChess Elite поможет тебе ин- 
тересно провести время и еще сильнее влюбиться в шах- 
маты. 


Е be 3 al “Von, alc cd a al | | 
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Практически все, что можно было отобразить, отобра- 
жено: панель управления, панель состояния (крайняя 
справа), часы (посередине сверху), сбитые ‹ригуры (слева 
внизу), игровое поле, список ходов (в центре). 

В этом диалоговом окне (Игра->Параметры->Сложность) 
выставлены опции "средней" сложности. Существует три 
варианта сложности по умолчанию ("Новичок", "Сред- 
ний", "Экс- 
перт") и неис- 
числимое ко- 
личество вари- 
антов пользо- 
вательских 
настроек. Все- 
го в KChess 
Elite доступно 
12 наборов 


фигур. 
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PASSWORD COMMANDER 2.0 


Отличный менеджер паролей Password 

Commander 2.0, способный организовать управле- 
ние паролями, заметками и небольшими срайлами. Обла- 
дает удобным и интуитивно понятным интерфрейсом, пол- 
ностью настраиваемой структурой базы данных; поддер- 
живает плагины шифрования. 

Предоставляет возможность указать тип, количество и 
название полей 
отдельно под каж- 
дую группу паро- 
лей. Встроены: ге- 
нератор паролей, 
автозаполнитель ' 
веб-дформ и любых - 
других текстовых 
полей, "плаваю- + 
щие" панели ит.д. - 
Все на русском и = с 


бесплатно. анны ena — 


1ВУ1 1.47 


Крохотный бесплатный аудиоплейер 1611.47. не- 
смотря на размер (чуть больше 50 Кб!) обладает 
просто гиганскими возможностями :). 

Никаких Playlist'oB B нем нет - играет срайлы с папок 
или со всего диска. Предназначен для легкой обработки 
файлов, в том числе со встроенной поддержкой микширо- 
вания треков, их поиска, "улучшения" качества звучания. 
Есть функция запоминания последнего проигранного 
файла и позиции на нем - для прослушивания MP3 B Te- 
чение нескольких десятков минут поможет; умеет запоми- 
нать до ЗО-ти 
избранных 
треков, папок 
или 
Рауй$Ёов; 
поддержива- 
ет кучу "горя- 
чих клавиш" 
(подробнее в 
геадте-срай- 
ле). Очень со- 
ветую обла- 
дателям сла- 
бых компью- 
теров. 


: Se ль а а. бра 


Великолепный шпионский монитор, запоминаю- 

щий посещенные сайты, скачанные и запущенные 
программы, логи в чатах AOL/ICQ/ICQ/MSN и т.д. иеще 
очень много чего. 
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Вот такой вот довольно удобный и функциональный 
дизайн администратора шпиона. Не думай, что это окно 
всегда будет выскакивать :), оно легко убирается. И вооб- 
ще, чтобы его увидеть, надо ввести специальный пароль :). 
Что будем монито- 
рить, батенька? 
Умеет почти все. 
Особо удобная 
функция - снятие 
скриншота экрана 
каждые М секунд. 
Как видишь, от- 
дельно задается 
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a Гы 


ee ee eee Г = 
и ы re размер и качество 
снимаемой кар- 
ee ee ee — | 
тинки. Еще одна 
| шие а жи. м: ища ино. дения * Гы 
вкусность, кото- 
| а. P-_ paa будет полезна 
пар 2 go р ии Г = при администри- 


ровании, - отправ- 
ка всего снятого и 
намониторенного 
на e-mail. 
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Сосртина поможет тебе создавать фотоальбомы с 

легкостью. Имеет простой и доступный интерфейс, 
поддерживает большое число графических срорматов. 
Бесплатна. 

Многоуровневая структура альбомов, комментарии для 
каждой сротографрии, возможность прикреплять звуковые 
файлы и вставки ОЁЕ-объектов (любые срайлы или объек- 
ты) - все это для тебя. Имеет множество графических 
фильтров (включая возможность ликвидации "красноты 
глаз"), возможность поиска сротограсрий, печати, созда- 
ния НТМЁ-галерей. Поддерживает технологии text-to- 
speech (чтение 
2 = гай =| ТеКСТаголосом 
= компьютера), 
фоновую музы- 
ку (MP3, wav, 
wma, ogg + пла- 
TMHbI oT WinAmp 
для расширения 
поддерживае- 
мых форматов). 
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Вышла новая версия Punto Switcher v2.9. Ha мой 
взгляд, является лучшей прогой для автоматичес- 
кого переключения раскладки клавиатуры. То есть, напри- 
мер, ты пишешь какой-нибудь текст и вдруг на тебе - все 
предложение в таком виде: "Ос` аВИКАуБЕ d nfrjv dbit". За- 
был раскладку переключить! Хорошо если ты написал все- 
— гопару слов, а если 
| полстраницы уже!? 
‘ Придется перепеча- 
тывать :( (так тебе и 
надо, в следующий 
раз смотреть бу- 
дешь - прим. 
SkyWriter'a ;-). 
= = пен | Но с Punto 
Switcher о такой 
проблеме можно забыть (как, собственно, и о самом перек- 
лючателе клавиатуры ;) )! Punto Switcher сама определит 
твой косяк, подаст звуковой сигнал и исправит ошибку, пе- 
реведя раскладу в нужный режим! Программа работает 
анализируя невозможность сочетаний некоторых букв для 
русского и английского языков. Причем программа ошиб- 
лась только один раз, когда я ввел "ннм" (маленькими бук- 
вами). Но и это поправимо. Заходим в "Слова-исключения" 
и вносим нужное слово. Программа может заменить стан- 
дартный индикатор раскладки клавиатуры. 

Исправляет сЛУ- 
ЧАЙНОЕ нажатие 
<Caps>. В Punto 
Switcher предусмот- 
рена автозамена 
текста! Например, ты 
пишешь - "СНП", и 
эти три буквы сами 
собой развернутся во фразу: "С наилучшими пожелания- 
ми". И таких вариантов может быть сколько душе угодно! 
Удобно-то как :) . Аеще в прогу встроен настоящий key 
logger - Punto Diary! Произведет запись в файл всей ин- 
формации, набираемой на клавиатуре. Есть просмотр шел 
по дням и с показом программы, в которой осуществлялся 
ввод, поиск, сохранение в HTML, то состоится показ все- 
го... Можно защитить просмотр дневника паролем! Как ин- 
тересно читать старенькое :). Теперь самое приятное - 
Punto Switcher бесплатна! В новой версии 2.9 исправлены 
многие ошибки, накопившиеся в предыдущих версиях. 
Расширены правила, усовершенствована работа инстал- 
лятора и ликвидирован показ срлагов. 


НЕ. 


Отличный бесплатный tool для очистки системы. 

Содержит в себе чистилку файлов (временных 

файлов, куков, кеша, логов, удаленных файлов в 
корзине и др.; настройки удаляемого на первой вкладке; 
выбор программ, временные срайлы которых также мо- 
гут быть удалены, на второй вкладке) и реестра (битые 
пути, удаленные dil, шрифты и т.п.). 

Дополни- 
тельно можно 
поставить авто- 
очистку при за- 
пуске компью- 
тера, выбрать 
конкретные 
Удаляемые ку- 
кии папки для 
сканирования. 
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Ноутбуки 


Самые легкие + самые компактные 


Паяльник 
Секреты нетрадиционной медицины 


HARD | НОУТБУКИ ) 


Шехтман Александр, test_lab (test_lab@gameland.ru) 


НОУТБУК 


САМЫЕ ЛЕГКИЕ + САМЫЕ КОМПАКТНЫЕ 


оследнее время индустрия 
производства ноутбуков раз- 
вивается семимильными ша- 
гами, и если раньше лэптопы 
были большими, увесистыми 
и, главное, очень дорогими, то сейчас можно 
купить весьма производительную систему по 
довольно невысокой цене. В этом тесте мы 
оценили несколько ноутбуков класса сверх- 
портативных устройств. 


ТРЕБОВАНИЯ К НОУТБУКАМ 

Для начала рассмотрим требования, кото- 
рые необходимо предъявлять к ноутбукам. 
Одно из самых главных - это, безусловно, мо- 
бильность системы, а точнее время работы от 
аккумулятора. Для увеличения этого времени 
производители применяют такие приемы, как, 
например, уменьшение площади поверхности 
экрана. Еще один способ - поставить слабую 
видеосистему. По результатам тестирования 
ясно, что на устройствах такого класса совре- 
менные игры скорее всего не будут радовать 
глаз, но по большому счету для подобных де- 
вайсов ценность для игры - не суровая необ- 
ходимость. Что касается процессора, то тут 
наибольшая заслуга в плане экономии энер- 


СПИСОК УСТРОЙСТВ 
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test_lab выражает благодарность за предоставленное 
для тестирования оборудование компании FosterGroup 
(www.fostergroup.ru, тел. (095) 101-4747), российским 
представительствам компаний ASUS (www.asustek.ru), 
iRU (www.iru.ru) и Fujitsu Siemens Computers 
(www.fujitsu-siemens.ru). 


гии у Intel Centrino. Эта технология уже доста- 
точно давно вошла в повседневный обиход. 
Надо отметить функцию Intel SpeedStep, кото- 
рая в зависимости от того, сколько и какие 
приложения запущены, регулирует общую 
производительность системы, а значит, и пот- 
ребление ресурсов и мощности. 

Из важных требований к ноутбукам надо 
отметить и эргономику. Здесь, конечно, 
важную роль играет субъективное мнение 
того, кто оценивает продукт, но ряд общих 
и объективных требований все-таки суще- 
ствует. Например, несомненно удобен та- 
кой же размер клавиши, как и на обычной 
полноформатной клавиатуре, так как при 
сильном несоответствии этих размеров бу- 
дет неудобно переходить с обычной клави- 
атуры на лэптоп и наоборот. Важно грамот- 
ное расположение портов: здесь особен- 
ное внимание надо обратить Ha У$В-порты. 
Желательно, чтобы они находились на бо- 
ковых сторонах корпуса, а еще лучше на 
переднем крае - особенно удобно для nog- 
ключения внешних накопителей. 


МЕТОДИКА ТЕСТИРОВАНИЯ 
Тестирование ноутбуков проводилось 
при помощи следующих программ: 

Battery eater Pro v2.3 - загружает систему 
"под завязку" и мониторит уровень зарядки 
батареи, а после ее полной разрядки выдает 
общее время работы. Прежде чем прово- 
дить этот тест, все параметры системы выс- 
тавлялись в режим максимальной произво- 
дительности. 

3DMark 2003 - тестирует графическую и 
вычислительную систему в комплексе. 

WinRAR - показывает скорость сохранения 
файлов в архив и тем самым оценивает про- 
изводительность вычислительной системы 
ноутбука. 

TFTtest - с помощью этой программы мы 
проверяли качество мониторов. Выводит 
во весь экран градиент цвета, во время че- 
го мы прослеживаем, насколько плавно он 
переходит из самого темного в самый свет- 


лый (тест цветопередачи). Проверка 
латентности матрицы шла следую- 
щим образом: программа выдает на 
черный экран белый движущийся 
квадратик, и в зависимости от того, 
насколько размытым он кажется, 
можно было сделать вывод о ско- 
рости отклика пикселей. 


HP COMPAQ NC4010 


Один из наиболее эрго- 
номичных ноутбуков, 


Процессор: Pentium Mobile 1700 


Помимо этих тестов все ноутбуки 
проверялись на эргономичность, в 
том числе на удобство работы с кла- 
виатурой. 


ВЫВОДЫ 
Все протестированные нами ноутбу- 
ки показали в целом похожие резуль- 


это гордое звание заслужил 


Оперативная память, Мб: 580 


грамотным расположением 


Жесткий диск, Гб: 60 


интерфейсов. Например, вы- 


таты, но тем не менее по времени рабо- 
ты и эргономике оказались весьма раз- 
личными. "Выбора редакции" удостоил- 
ся Fujitsu-Siemens Lifebook P7010, что 

было заслужено отличной эргономикой 
и высокими показателями, а "лучшая 

покупка" досталась ASUS S300 за ком- 
пактные размеры и выгодную цену. 


ход для наушников и микро- 
фонный вход находятся на 
левой стороне корпуса, там 
же расположен PCMCIA и 
инфракрасный порт. Все ос- 


Видеокарта: АТ! RADEON IGP 350M 


Время работы, мин: 70 


Рейтинг 3DMark 2003: 93 


Средняя скорость архивации в WinRAR, 
Кб/с: 174 


Цена, $: 2100 


тальные разъемы - на тыль- 

ной стороне. Помимо этого 

для расширения возможнос- 

тей подключения опциональ- 

но предусмотрен порт-репликатор, призванный обеспечи- 
вать максимальное удобство при использовании НР сот- 
рад nc4010 в стационарном режиме. Клавиши имеют такой 
же размер, как и у стандартной клавиатуры, а русские и 
латинские символы нанесены соответственно желтым и 
белым цветами, поэтому проблем с набором текстов не 
должно возникнуть. Touchpad имеет нормальную 
чувствительность, и работать с ним удобно. Особая заслу- 
га - то, что кнопки мыши продублированы сверху и снизу 
относительно сенсорной панели, что весьма благоприят- 
ствует работе с Touchpad. Что касается шума, издаваемо- 
го НР compaq nc4010, то при работе в офисных приложе- 
ниях слышен только легкий шелест винчестера, а вот при 
максимальной загрузке системы вентиляторы гудят ощу- 
тимо. Еще одна небольшая, но приятная особенность: ин- 


дикатор питания, зарядки батарейки и режима М-Н! видны 
даже при закрытой крышке ноутбука. Несколько огорчило 
отсутствие программируемых функциональных клавиш, 
есть только стандартные: регулирование громкости, вклю- 
чение Wi-Fi ит. 9. Результаты тестирования оказались не- 
высокими: время жизни батареи короткое и его с трудом 
хватит даже для просмотра фильма. Общий рейтинг в 
3DMark 2003 весьма мал, что связано с тем, что этот лэп- 
топ оснащен не самым лучшим графическим процессором 
и ктому же на нем были предустановлены драйверы ста- 
рой версии. Но для портативных ноутбуков графическая 
производительность не очень важна. WinRAR бенчмарк 
показал довольно высокую скорость архивации. Монитор 
оказался качественным - цветовой градиент имеет плав- 
ную структуру, а движущийся квадратик почти не размыт. 


р 


FUJITSU-SIEMENS LIFEBOOK P7010 


Этот лэптоп по праву от- 
носится к классу сверх- 


портативных и при этом имеет 
при себе все функции, необ- 
ходимые ноутбуку. Произво- 
дители обеспечили и высокую 
компактность, и сохранили 
большие размеры клавиш, ос- 


Процессор: Pentium Mobile 100 


Оперативная память, Мб: 504 
Жесткий диск, Гб: 80 


DITORS' 


Видеокарта: Intel 855GME (64 Мб) 


 CCHOICE 


2004 


Время работы, мин: 155 


Рейтинг 3DMark 2003: 11 


Средняя скорость архивации в WinRAR, 


тавив между ними небольшие | Кб/с: 249 


промежутки, благодаря кото- |Цена,$:2210 


рым можно избежать двой- 

ных нажатий. Клавиатура вы- 

полнена в матовом белом цве- 

те - чтобы глаза не уставали. Все порты расположены на бо- 
ковых сторонах корпуса (кроме сага Reader'a для Secure 
Digital и Memory Stick, который находится на переднем крае) 
и все снабжены или пылезащитными крышками, или заг- 
лушками (кроме Ч$В-портов). Touchpad имеет хорошую 
чувствительность, а вот его кнопки нажимаются хорошо 
лишь по центру. Предусмотрены и две кнопки вертикально- 
го скроллинга. Весьма огорчило полное отсутствие горячих 
клавиш, в том числе - для регулировки громкости. Инжене- 
рам кампании Fujitsu-Siemens удалось впихнуть в столь не- 
большой корпус еще и DVD/CD-RW, так что свои любимые 
фильмы можно смотреть даже в дороге. Результаты тести- 
рования оказались одними из самых лучших: очень боль- 
шой срок работы от аккумулятора, которого хватит для 


просмотра даже самого длинного фильма или для несколь- 
ких часов работы с текстами. Высокая скорость архивации 
свидетельствует о большой вычислительной способности 
процессора. В графических приложениях ноутбук показал 
себя не с лучшей стороны, но это исключительно из-за сла- 
бой видеокарты, впрочем, в плане энергосбережения это 
наоборот плюс. Монитор весьма качественный как с точки 
зрения цветопередачи (цветовой градиент почти не раз- 
мывается), так и с точки зрения латентности матрицы (пе- 
ремещающийся по темному экрану белый квадратик остав- 
ляет лишь чуть заметный шлейср). Яркость и контраст- 
ность также не вызывает нареканий. Fujitsu-Siemens 
Lifebook P7010 не издает практически никакого шума даже 
при полной загрузке системы. 
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ASUS $300 


ASUS S300 можно с 
полной уверенностью 
назвать самым компактным Оперативная память, Мб: 504 


Процессор: Pentium Mobile 1000 


среди сверхпортативных HO- | >KectKun диск, Гб: 80 


утбуков. В данной модели  |видеокарта: Intel® Extreme Graphics 2 


у BEST 


BUY 200 


производители постарались — | Bpema работы, мин: 197 


на славу и умудрились этот Рейтинг 3DMark 2003: 93 


чинить всей полагающейся — | KO/c:299 


крайне небольшой объем Ha- Средняя скорость архивации в WinRAR, 


начинкой, включили даже _ | Цена, $:1890 
DVD-npuBog. Тем не менее, 
батарея является полностью 
внешней, и в корпусе утопле- 
ны только контакты. Для на- 
чала рассмотрим клавиатуру: 
все кнопки имеют небольшой 
размер и посажены очень 
плотно, так что ради безоши- 
бочного набора текстов при- 
дется некоторое время при- 
выкать к новому. Русские и английские символы нанесены 
на клавиши разными цветами, что не может не радовать. 
Touchpad'a не предусмотрено, и управлять курсором мы- 
ши можно только с помощью специального джойстика, 
расположенного по центру клавиатуры. Порадовала мно- 
гочисленность интерфейсов: имеется даже кард-ридер 
для чтения SD-kapt. Огорчило отсутствие клавиш програм- 
мируемых и предназначенных для быстрого запуска при- 
ложений. Единственное - на переднем крае корпуса есть 
кнопки управления плейером (вперед/назад, старт/пауза, 
стоп). Результаты тестирования оказались на очень высо- 
ком уровне: этот девайс довольно долго работает от акку- 
мулятора, что в первую очередь связано с весьма неболь- 


шой диагональю экрана и слабой видеосистемой. Послед- 
няя, конечно, показала невысокий результат, но, опять 
же, это можно простить портативным ноутбукам. Скорость 
архивации также оказалось на высоте, а значит, вычисли- 
тельная способность ASUS $300 не вызывает нареканий. 
Дисплей ноутбука без преувеличения очень хорош: гра- 
диент белого цвета имеет почти идеально плавные пере- 
ходы, а движущийся квадрат практически не оставляет за 
собой шлейсра. Яркость и контрастность также порадова- 
ли. Единственное, что не порадовало нас, так это сильно 
бликующее покрытие экрана. Ноутбук почти не издает шу- 
ма, но вот если работает DVD-npuBog, то слышен громкий 
звук, а корпус даже начинает вибрировать. 


x 
yy = — 
0-188 

Это уже не обычный HO- ‚_ 2 a kee 

утбук, а планшет, TO | Процессор: Pentium Mobile 1800 
есть его экран может развора- Оперативная память, Мб: 512 " = 
чиваться Ha 180 градусов ИУК- [жесткий диск, Гб: 80 = 
ладываться обратной сторо- Gane ONCE | | : == 
ной на клавиатуру. Матрица Времаработы sau: 70 Е 
девайса, как и полагается, |ГРейтинг 3DMark 2003: 111 
сенсорная, и все операции | Средняя скорость архивации в WinRAR, 
производятся при помощи | Кб/с: 306 
специального пера-стилуса. | Цена, $: 2517 
Помимо этого LG LT20 оказал- x 
ся самым легким лэптопом в 
обзоре, но это было достигну- = 
то, например, за счет умень- _— 
шения количества портов и, — 
что самое главное, отсутствия а 
CD/DVD-npusoga. Клавиатура — — 
большая, так что работать с 
ней удобно, но вот буквы латинского и русского апфавита сок, а вот скорость архивации вполне на уровне. Монитор 
нанесены на клавиши одной и той же белой краской, что мо- оказался качественным по цветопередаче (при выведении 
жет несколько помешать. Touchpad имеет хорошую градиента цвета во весь экран никаких резких скачков не 
чувствительность, HO вот размеры его небольшие. "Мыши- наблюдается), а латентность матрицы все же высокая - дви- 
ные" кнопки небольшие, нажимаются очень мягко и прият- жущийся квадрат оставляет заметный шлейф, что может 
но. Программируемых клавиш и кнопок регулировки гром- вызывать некоторые неудобства, например, при скроллин- 
КОСТИ нет - ими, видимо, пожертвовали ради компактности. ге текстов. Яркость экрана оказалась средней, чего нельзя 
Индикаторы работы различных модулей ноутбука располо- сказать о контрастности. Что касается шума, то LG LT20 в 
жены на передней стороне корпуса и видны даже при зак- — этом отношении оказался двуликим: с одной стороны, даже 
рытой крышке. По результатам тестирования срок работы — при слабой загрузке звук работающих вентиляторов впол- 
аккумулятора при максимальной загрузке системы соста- He ощутим, а с другой стороны, в режиме полной отдачи 
вил чуть больше часа. Общий рейтинг 3DMark 2003 невы- — громкость увеличивается ненамного. 
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ACER TRAVELMATE 380 


Ноутбук весьма эргоно- 
мичный, причем боль- 


Процессор: Pentium Mobile 1600 


ше всего порадовало то, что Оперативная память, Мб: 512 


один из У5В-портов, выход | Жесткий диск, Гб: 40 


для наушников и микрофон- 


Видеокарта: Intel® Extreme Graphics 


ный вход находятся непосре- [время работы, мин: 84 


оственно на передней части Рейтинг 3DMark 2003: 63 


корпуса. А вообще интер- 
фейсы расположены очень 


Кб/с: 271 


Средняя скорость архивации в WinRAR, 


грамотно, в частности, на Цена, $: 1720 
задней стороне ноутбука 
есть только выход на внеш- 
ний монитор, все остальные 
порты - по бокам. Корпус 
ACER TravelMate 380 тонкий, 
в том числе из-за отсутствия 
СО/О\О-привода. Клавиату- 
ра большая, что весьма удоб- 
но при работе с текстом. 
Touchpad имеет небольшие размеры, кнопки у него боль- 
шие, но нажимаются туговато. Зато есть кнопки верти- 
кального и горизонтального скроллинга. Очень отрадно 
наличие трех программируемых и двух клавиш быстрого 
запуска приложений. Все индикаторы работы ноутбука 
располагаются непосредственно под экраном и светятся 
либо оранжевым, либо бледно-зеленым светом, так что 
при продолжительной работе раздражать глаза они не бу- 
дут. На обратной стороне также есть светодиоды, сигнали- 
зирующие о наличии питания, работе Wi-Fi-agantepa и ре- 
жиме сна. Результаты тестирования оказались средними: 
время работы от аккумуляторов небольшое - не хватит да- 


же на просмотр среднего по длительности фильма. Гра- 
фический процессор, конечно, слабоват, но это и не 
страшно - в этом случае важнее мобильность. Порадовал 
результат WinRAR'oBckoro бенчмарка, который оказался 
на высоком уровне. Монитор очень качественный с точки 
зрения цветопередачи (резких перепадов цветов нет во- 
обще, а небольшие видны лишь при детальном рассмот- 
рении), скорость отклика пикселей низковата - движущий- 
ся квадрат оставляет заметный шлейфр, и к тому же его 
край слегка изменяет свой цвет на зеленый. Шум ACER 
TravelMate 380 издает ощутимый, причем даже в том ре- 
жиме, когда ресурсы системы почти полностью свободны. 


IRU NOVIA 3221 


Сверхкомпактный ноут- 
бук от отечественного 


Процессор: Pentium Mobile 1500 


производителя. FireWire-nopt, Оперативная память, Мб: 256 


выход для наушников и мик- [жесткий диск, Гб: 40 


POCDOHHbIN вход находятся на 


Видеокарта: Intel® Extreme Graphics 


передней стороне корпуса, M [время работы, мин: 96 


это облегчает подключение Рейтинг 3DMark 2003: 116 


устройств и позволяет не заг- 
ромождать какую-либо сторо- 


Кб/с: 309 


Средняя скорость архивации в WinRAR, 


ну лэптопа (браво!). Клавиату- Цена, 5: 1450 
ра удобная, с большими кла- 
вишами, но русские и английс- 
кие буквы одинакового цвета, 
что может затруднять работу. 
Touchpad весьма удобный, и 
чувствительность у него хо- 
рошая. Кнопки сенсорной па- 
нели нажимаются без сверх- 
естественных усилий по всей их поверхности. Есть три "го- 
рячие клавиши": запуск интернет-браузера, почтовой прог- 
раммы и включение беспроводной сети. Порадовало нали- 
чие встроенного комбо-драйва, правда, издающего при ра- 
боте сильный шум и заставляющего вибрировать корпус. 
Картина результатов тестирования следующая: время ра- 
боты от аккумулятора невысокое - можно посмотреть не- 
большой фильм, но, с другой стороны, вычислительная 
способность системы одна из самых высоких среди учатни- 
ков соревнований (это что касается результатов бенчмарка 
программой WinRAR). Производительность графического 


процессора по сравнению с обычными настольными систе- 
мами весьма невелика, а вот среди рассматриваемых девай- 
сов результат оказался одним из самых высоких. Качество 
монитора сделало почти всех конкурентов: цветопередача 
практически идеальная, о чем свидетельствует плавный 
цветовой градиент. Латентность матрицы тоже очень хоро- 
ша - шлейф, оставляемый движущимся квадратом, практи- 
чески незаметен. Если не считать шума, издаваемого CD- 
приводом, то ноутбук можно смело назвать одним из самых 
тихих: даже при максимальной загрузке системы громкость 
вентиляторов остается небольшой. 
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СЕКРЕТЫ НЕТРАДИЦИОННОЙ МЕДИЦИНЫ 


этой статье будут описаны некоторые методы "нетрадиционного" доступа к информации и такие же методы 
защиты от них. 


СТЕНЫ. ТЕОРИЯ 


О том, что даже сте- 


ны имеют уши, гово- 


pun, наверное, еще Ha- 


ходясь в стенах царс- 
кой тайной канцелярии классик всех 
времен и народов Александр Cepre- 
евич Пушкин. Именно поэтому не сто- 
ит доказывать высокую вероятность 
утечек информации по данному кана- 
лу. Все-таки классикам виднее. OgHa- 
ко про техническую реализацию дан- 
ного метода, думаю, рассказать все 
же стоит. Итак, начнем. 

Позволь для начала небольшой экс- 
курс в теорию формовки железобетон- 
ных плит и в фундаментальные осно- 
вы железобетонного строительства. 
Работая на заводе железобетонных 
изделий, я волей-неволей познакомил- 
ся с технологией производства этих са- 
мых изделий и с методом оценки их ка- 
чества, который прост и основывается 
на применении ультразвука. И хотя это 
не единственный метод оценки качест- 
ва плиты, это единственный полезный 
в практическом смысле метод в нашем 
случае :-). Суть метода заключается в 
следующем: в камеру для пропарки 
вместе с плитой опускаются кубики, из- 
готовленные из того же самого матери- 
ала. После достижения плитой состоя- 
ния полной готовности (в среднем это 
происходит через сутки) эти кубики 
извлекаются из формы и испытывают- 
ся. Перед испытанием кубиков путем 
давления прессом на прочность их ис- 
следуют на предмет наличия воздуш- 
ных пор, которые возникают при нека- 
чественной протряске формы с бето- 
ном. Принцип действия ультразвуко- 
вой установки таков: кубик укрепляет- 
ся на неподвижном массивном штати- 
ве, который исключает появление па- 
разитного резонанса. По одну сторону 
кубика расположен ультразвуковой ге- 
нератор с пьезоизлучателем, отделен- 
ный от этого кубика воздушной прос- 
лойкой в несколько миллиметров. Так 
сделано оля того, чтобы исключить 
ложные срабатывания ультразвуково- 
го детектора, который расположен по 
другую сторону кубика также на рас- 
стоянии в несколько миллиметров. В 
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качестве детектора используется точ- 
но такой же пьезоизлучатель, подклю- 
ченный на вход АЦП, который в свою 
очередь воткнут в промышленный 
комп. Излучатель, как ему и положено, 
излучает, воздушная прослойка гасит 
часть амплитуды, позволяя обнару- 
жить в центре кубика воздушные по- 
ры. При наличии пор по закону расп- 
ространения волн (в частности звуко- 
вых, хотя они и ультра) амплитуда зву- 
кового сигнала при переходе в другую 
среду гасится, что и регистрируется 
компьютером. В противном случае ку- 
бик считается валидным... 

По сути, выше тебе было, пускай и в 
виде иносказания, но все-таки расска- 
зано не только о технической реали- 
зации оценки качества плиты, но и об 
основном принципе прослушки, то 
есть о еще одном канале утечки ин- 
формации. Преимущество данного ка- 
нала настолько очевидно, что я боюсь 
его даже называть ;-). Конечно же, 
речь идет о повышенной скрытности 
устройства, так как для защиты от не- 
го пассивных технических средств за- 
щиты нет, то есть обнаружить данное 


устройство не заглянув по ту сторону 
стены невозможно. Да и просто так, 
безо всяких на то оснований, еще не 
за каждую стенку заглянешь. Недоста- 
ток тоже есть - радиус захвата рече- 
вых сообщений определяется непос- 
редственно чувствительностью детек- 
тора и наличием предметов на пути 
звуковой волны. На этом недостатке, 
собственно, и основан принцип защи- 
ты от утечек информации. Проще го- 
воря, достаточно изолировать стены 
от проникновения звука (например, 
пенопластом), оклеить их обоями и 
плотно увешать персидскими коврами, 
и тогда эдрорективность такого детек- 
тора станет ноль целых икс десятых. 
Однако так поступают только те, кому 
известно об этом методе шпионства и 
кому есть что беречь. 


СТЕНЫ. ПРАКТИКА 

Довольно толочь воду в ступе 
(опционально) - включай паяльник. 
Будем собирать такой детектор на та- 
буретке, причем из подручных мате- 
риалов, которые не придется заказы- 
вать в Уругвае. Взгляни на рис.1. 


Опытный жестянщик сразу узнает 
классическую схему включения опе- 
рационного усилителя, хотя и с нес- 
тандартным способом применения. Но 
мы - люди неопытные, на звание руль- 
ных жестянщиков не претенодуем, а 
потому рассмотрим схему поподроб- 
нее. Звук детектируется пьезоизлуча- 
телем 701. Такое нестандартное при- 
менение этого девайса объясняется 
довольно просто: он вполне способен 
не только излучать звук, но и прини- 
мать его (ведь ты помнишь универси- 
тетский курс физики, правда? ;) - 
прим. SkyWriter'a). К тому же у него 
есть еще одно достоинство, коим грех 
было бы не воспользоваться, он 
плоский, а это в свою очередь озна- 
чает, что его поверхность максималь- 
но тесно контактирует с поверх- 
ностью стены, обеспечивая макси- 
мальную чувствительность девайса в 
целом. Ну а то, что 701 надетектиро- 
вал, подается на вполне обычный 
операционный усилитель (далее ОУ), 
который, в идеале, конечно, может 
усиливать колебания звуковой часто- 
ты в 10000 раз (по напряжению). 
"Идеалом" у него считается частота 1 
кГц и полоса пропускания в несколь- 
ко сотен Гц. Естественно этого недос- 
таточно для речевого сигнала, кото- 
рому нужна полоса 300-3000 Гц. Что- 
бы расширить полосу пропускания 
ОУ до указанной выше полосы, вво- 
дятся еще два элемента - C1 и R3. Они 
образуют так называемую отрица- 
тельную обратную связь, которая, 
снижая коэффициент усиления по 
напряжению, обеспечивает более ши- 
рокую полосу пропускания. Кроме то- 
го, она обеспечивает более стабиль- 
ную работу схемы, защищает ОУ от 
самовозбуждения (ну, епрст, все бы 
тебе опошлить :-)). То, что конденса- 
Top C2 используется как разделитель- 
ный, ты уже понял сам. Ну а резисто- 
ры R1 uv R2 обеспечивают согласова- 
ние пьезоизлучателя со входом ОУ 
DAI. Кстати, в качестве этого самого 
пьезоизлучателя можно использо- 


вать пьезоизлучатели ЗП], 3П22. Ec- 
тественно, на этом ассортимент не ис- 
черпан, однако если ты будешь ис- 
пользовать пьезоизлучатель от на- 
ручных часов (что теоретически воз- 
можно), то тебе придется самостоя- 
тельно позаботиться о его креплении 
к плате. В соответствии с уже сложив- 
шимися традициями, резисторы R1I-R3 
у нас могут быть любыми, но должны 
обладать мощностью 0125 Вт и с соп- 
ротивлением, указанным на схеме. 
Так как мы патриотично настроены, 
выбираем из марок: MJ1T-0.125, ОМЛТ- 
0.125, MOH-0.125, C2-33H-0.125 и т.п. В 
качестве микросхемы DAI можно ис- 
пользовать промышленные модели 
OY K140Y 0601, KPI40Y 0608, имею- 
щие такой же KOSCVCPULINEHT усиления 
и отличающиеся только конструктив- 
ным исполнением (и цоколевкой кор- 
пуса). Как ты уже догадался, я ис- 
пользовал военный образец. Гордое 
определение "военный" не означает, 
что этот образец можно достать всего 
лишь расковыряв атомную подвод- 
ную лодку. Он довольно часто встре- 
чается в розничной продаже. Воен- 
ным тоже хочется кушать, а в свете 
грянувшей конверсии их потребности 
растут с каждым днем все больше и 
больше. Однако оставим эту демаго- 
гию и посмотрим, что еще можно ис- 
пользовать. Без каких-либо измене- 
ний в схеме можно использовать ОУ 
K140Y O17, который имеет коэфорици- 
ент усиления 30000. Можно и 

K140Y D8A(6), у которых коэфорициент 
усиления достигает 80000, однако в 
этом случае нужно учесть различия в 
цоколевке. Зарубежного аналога DAI 
KI40Y 6 не существует, если не счи- 
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тать микросхему МС1556С, которая вы- 
пускается в пластмассовом корпусе и 
ближе всего КР1АОУД608. Аналогом 
КГОУД7 в пласмассе является 
MA7AIC. А собственно сами микросхе- 
мы в пластмассовом исполнении име- 
ют номенклатурные обозначения: 
KPI40Y 06, KPI40Y Д7, KPI40Y 08A,(6) 
соответственно. Рассыпуха всех приме- 
ненных в схеме деталей дана на рис. 2. 

Думаю, этого ассортимента микрос- 
хем и деталей тебе хватит. Как же 
происходит конструктивное исполне- 
ние этого чуда? Так как я человек 
мирный, то выполнять это самое чудо 
в окончательном варианте не стал, а 
ограничился сборкой макета, присут- 
ствующего на рис. 3. 

Думаешь, что этого самого оконча- 
тельного варианта нет =)?. Ты ошиба- 
ешься. Его можно выполнить на пла- 
те из стеклотекстолита размером 
30x30 мм. Чертежи плат даны на 
рис. Даи 4.6. Технология изготовле- 
ния подробно описана в предыдущих 
номерах, а потому повторяться не бу- 
ду. По старой доброй традиции на дис- 
ке тебя ждут шаблоны плат для хими- 
ческого травления. 


ОКНА. ТЕОРИЯ 

Тот самый великий классик вряд 
ли догадывался о том, что не только 
стены имеют уши. Окна тоже. Конеч- 
но, стоять под окном с микрофоном 
никто не будет, но вот на расстоянии 
километра полтора - запросто. Стоит 
кто-нибудь на таком расстоянии, с 
зонтиком ковыряется (а в зонтике у 
него как раз такой микросрон) и слу- 
шает через открытую форточку твой 
пьяный разговор с телевизором. Ко- » 


Гордое определение "военный" не означает, 
что этот образец можно достать всего лишь 
расковыряв атомную подводную MOGkY. 


Рис. 3. Макет 
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нечно, можно закрыть форточку и тем 
самым перекрыть этот канал утечки, 
но беседовать с голубым экраном ты 
не перестал, а значит перекрыл канал 
не полностью. Ведь даже тогда, когда 
qpopTouka закрыта и никакой направ- 
ленный микрофон не разберет, что 
обсуждается там за окном, канал 
утечки все еще остается незащищен- 
ным (в этом случае - окно, продолжа- 
ющее совершать микроколебания 
под влиянием звуковой волны). Дело 
даже не в плохом закреплении стекла 
и не в наличии щелей. Дело в самой 
структуре стекла, его кристалличес- 
кой сущности. Естественно, уже изве- 
стными нам средствами эти колебания 
не обнаружить (и даже изготовлен- 
ным раньше стетоскопом), но семи- 
мильные шаги научно-технической 
революции позволили решить и эту 
проблему, которая была полностью 
исчерпана после изобретения компа- 
ктных инфракрасных полупроводни- 
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ковых лазеров, быстро взятых на во- 
оружение спецслужбами всего мира, 
включая Украинское КГБ. Одни рань- 
ше, другие позже... В самом простом 
виде схема организации такого прос- 
лушивания выглядит так, как показа- 
но на рис. 5a. 

В этом случае угол альфа стараются 
уменьшить до нуля. Простейший при- 
мер такого канала приема-передачи - 
гОА-интерсрейс, правда, в его интер- 
фейсе используется инфракрасный 
светодиод, а не лазер. Однако даже 
спецслужбам не всегда под силу свес- 
ти этот угол к нулю: на то он и угол, 
чтобы быть больше нуля. Угол прини- 
мают во внимание и делят пополам по 
тем соображениям, что угол падения 
всегда равен углу отражения. Для 
лучшей маскировки этот угол обяза- 
тельно делают тупым и стремящимся 
к 18 0-ти градусам (но не равным этому 
значению), что и показано на рис. 56. 
На всякое хитрое прослушивание 
найдется не менее хитрый метод обо- 
роны от него. Можно вставить в окна 
рисрленое стекло, обзавестись став- 
нями, завеситься плотными шторами 
и заложить окно кирпичами, и тогда 
прослушать что-либо будет практи- 
чески невозможно. Впрочем, все это и 
неэстетично, и непрактично. Выход? 
Поставить генератор помехи, то есть 
заставить стекло вздрагивать самос- 
тоятельно. Говоря научным языком, 
промодулировать стекло амплитудой 
намного больше, чем от голоса чело- 
века. В последнее время в отечест- 
венной литературе (в основном в пе- 
риодической) все чаще и чаще встре- 


чаются схемы таких модуляторов. Og- 
ни схемы довольно просты в изготов- 
лении, но не обеспечивают должной 
защиты. Другие наоборот довольно 
продвинуты в отношении безопаснос- 
ти, но имеют сложную для начинаю- 
щего жестянщика схему. Как правило, 
все простые устройства реализованы 
по одной схеме (не электрической 
принципиально): генератор - излуча- 
тель. В самом простом случае генера- 
тор можно собрать на одном транзис- 
торе, а в качестве излучателя исполь- 
зовать пьезоэлемент. Однако что ме- 
шает потенциальному шпиону выре- 
зать данную частоту? Можно собрать 
на двух транзисторах ГКЧ, но это так- 
же легко вырезается с помощью 
компьютера. Так что же? Как ни кру- 
ти, а показать три буквы ЦРУ в виде 
неустранимой помехи не получится? 
Простыми средствами - не получится. 
Однако ушлые жестянщики все же 
могут выставить непреодолимый 
барьер этим самым ЦРУ (им, жестян- 
щикам, вообще go любого ЦРУ как go 
лампочки). Этим самым барьером яв- 
ляется генератор белого шума, то 
есть генератор, частоту сигнала кото- 
рого в определенный момент времени 
предсказать невозможно, а уровень 
его гармоник равен уровню сигнала 
во всем звуковом спектре. В качестве 
излучателя можно опять же исполь- 
зовать пьезоизлучатель, потому что 
он способен воспроизводить частоты 
на участке 300-3000 Гц. В качестве 
генератора белого шума можно ис- 
пользовать продетектированный ра- 
диочастотный сигнал в индустриаль- 


Даже тогда, когда срорточка закрыта и 
никакой направленный микросфон не 
разберет, что обсуждается там за окном, 
канал утечки все еще остается. 
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Мы - жестянщики. Co все- 
ми вытекающими отсюда 
последствиями-преиму- 
ществами. Конечно, выте- 
кать (точно так же, как и 
втекать) может все что 
угодно, но самое главное 
достоинство жестянщика - 
~ | наличие компьютера, ко- 
торым было бы глупо не 
воспользоваться. 

На рис. 6 - что-то до бо- 
ли знакомое. Знакомыми 
тебе должны показаться 
цепочка резисторов RI- 
R16, образующая ЦАП R- 
2R. По уже знакомой 
традиции на вход этого 


Рис. 6. Схема защитного устройства ЦАП поступают данные 


ном диапазоне (1-2 МГц). Можно пос- 
тупить несколько проще - использо- 
вать для этого устаревшую элемент- 
ную базу (старые радиодетали: лам- 
пы, транзисторы, диоды), которая са- 
ма является генератором такого шу- 
ма. Конечно, уровень сигнала будет 
незначителен, но что может поме- 
шать использовать несколько каска- 
дов усиления на транзисторах ПАА и 
нестабилизированный источник пита- 
ния? Именно так и поступает больши- 
нство крутых радиолюбителей. Очеви- 
ден недостаток таких устройств - не- 
позволительно большие габариты. 


ОКНА. ПРАКТИКА 

и Этот недостаток и заставил меня 
идти по альтернативному пути, ибо 
альтернатива есть всегда, главное - 
вовремя ее увидеть. И тебе предла- 
гаю сделать то же самое. В конце кон- 
цов, мы же не просто радиолюбители. 


Рис. 7. МПАРБ 


Рис. 8. Цоколевка МПАРБ 


из ЕРТ-порта (вообще-то 
мне уже надоело использовать этот 
порт и, возможно, это последний 
подключаемый к этому порту де- 
вайс). А с выхода ЦАП уже аналого- 
вый сигнал поступает на вход OGHO- 
каскадного усилителя. Нагрузкой 
этого усилителя является уже зна- 
комый пьезоизлучатель. Листинг 
программы, управляющей девайсом, 
ты найдешь на диске. В учебных це- 


лях программа упрощена по макси- 
муму. Прога чисто консольная, а все 
потому что реальные люди на GUI 
кладут...., в общем, ты меня понял. 
Теоретически данная прога может 
быть портирована на платсрорму 
*nix посредством утилиты p2c. Не- 
большая подсказка: если хочешь 
заставить работать программу в фо- 
новом режиме, то тебе необходимо 
изменить всего один оператор. Ка- 
кой? Сам догадайся: должен же 
быть какой-то процент самодеятель- 
ности. Детали в девайсе могут быть 
такими же, как и в предыдущей 
конструкции. Транзистор может 
быть любой, только с рабочим нап- 
ряжением коллектор-эмиттер 15 В. В 
случае с этим девайсом как ни в ка- 
ком другом приветствуется исполь- 
зование устаревшей элементной ба- 
зы. Например, я использовал герма- 
ниевый транзистор МПА2Б. Его 
внешний вид показан на рис. 7, а цо- 
колевка на рис. 8. 

Девайс собран на плате размером 
40х60 мм. Расположение деталей 
показано на рис. 9, разводка провод- 
ников на рис. 10. Шаблоны плат на 


диске. 


Puc. 10. Bug на проводники 
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На письма отвечал Dr. Klouniz 


(spec@real.xakep.ru) 


FROM: ANTON [E_L_F@R66.RU] 


SUBJECT: МНЕНИЕ МОЕ +) 


Здрасьте, уважаемые спецы! 

Журнал за ноябрь очень понравился. Много всего полезного, а 
главное, действенного по обороне Винды. Кстати, ко мне попал (скачал в 
подсетке, совершенно случайно наткнулся) видик "Х" по использованию 
Isasrv для получения консольного доступа (ну где с сайта securitylab.ru ка- 
чается эксплойт Isasrv-expl.c, билдится, и внедряется, собственно ж) ). По- 
больше бы таких видеовзломов, передающихся "опытным путем " +). Бы- 
ло бы круто, если бы их снимали и забивали на диск, прилагающийся к 
журналу. Но есть одно маленькое, но все-таки НО: большинство программ 
на диске журнала "Хакер Спец" предоставлены в демонстрационном ре- 
жиме, требуют регистрации и регистрационного ключа. Кряки НЕ прилага- 
ются. Не смешно ли звучит? "Проги с диска "Хакер Спец" регистрации 
просят," - скажет удачливый ламозавр, возомнивший себя на букву Х +). 
Давайте мыслить здраво!!! Пожелания - улучшить отбор материалов для 
диска, их фриварность и шараваренные софтины "обеспечить" кряками" 
ИТ.0. ит.п. Какой же "Х-С-Ц" - "С-Ц", если на его диске проги без кряков? 
Спасибо за внимание +). С Уважением , ELF. 

ЗЫ: С нетерпением жду декабрьского номера +) по возможности намыль- 
те ответ +). 


ОТВЕТ: 

Да, вот Sky тоже интересуется, почему некоторые 
программы требуют регистрации. Ну не понимает он, за- 
чем софт, если ты его уже скачал, регистрировать и пе- 
реводить какие-то "American dollar" неизвестному 
"author'y". Оказывается, в этом есть суровая логика! И 
упирается она в какие-то подозрительные товарно-де- 
нежные отношения. Короче, Andrusha, как специалист 
по маркетингу, объяснил ему, что шароварные програм- 
мы имеют ограничения не потому, что с ними забыли 
поставить кряк, а потому что они хотят, чтобы труд авто- 
ра был оплачен :). Тот человек, который лишит его опи- 
санного дохода, - либо Робин Гуд, либо злой пират. Мы 
не такие. Мы журналисты, а не преступники. На всякий 
случай повторю еще раз и медленнее: "Мы не связаны с 
преступностью и не поддерживаем пиратов. Мы уважа- 
ем авторское право. Что ты будешь делать с прогами с 
диска - это все на твоей совести, а мы тут ни при чем". 


FROM: MELNIC [TECHNIC25@MAIL.RU] 


SUBJECT: ЧТО ТАКОЕ UWIN И DNS 


Слышал, что существует операционка UWIN, которая 
распространяется с О№-сервером, увеличивающим скорость 
интернета на 20-40%. Правда ли это? 


ОТВЕТ: 

Странно, я слышал, что использование UWIN позво- 
ляет: "enlarge you penis now 5 inches per day"... Похоже, 
тебя обманули. Проблема в том, что UWIN - это вообще 
эмулятор UNIX, а увеличивать скорость работы в интер- 
нете, увеличивать размер половых органов и увеличи- 
вать доходы она не может. Она может только эмулиро- 
вать. Хорошо эмулировать. 
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FROM: DOLLOR [DOLLOR@TYUMEN.RU] 


SUBJECT: Я НЕ ЛАМЕР, Я HE ПОНЯЛ 


Привет, я читаю ваш журнал с того времени, как у меня поя- 

вился компьютер, и могу сказать, что журнал КЛЕВЫЙ! Правда, 
мало про взломы! Ну, ладно, у меня такой вопрос: как узнать свой |Р- 
адрес, иеще какой "фаервол" лучше всего использовать? 


ОТВЕТ: 

Мало, мало про взломы! Свое мнение на эту тему я вы- 
разил в Intro к ноябрьскому Спецу "Атака на Windows", 
перечитай его не менее трех раз и тебе все станет по- 
нятно Да. Поскольку тебе, как любителю взломов, явно 
не хватает того, чтобы такая тайна была раскрыта, на- 
пишу, что IP узнается командой ipconfig (лучше даже 
набирай ipconfig /all, чтобы потом меня про МАС-адрес 
не спрашивать :)), а лучший фаерволл - Agnitum 
Outpost. 


FROM: НАТАЛЬЯ [TATTUSIK@YANDEX.RU] 


SUBJECT: ПРИВЕТИК 


Приветик! 

Наконец-то появилось время написать тебе. Работы вагон, 
завтра выставка, начальник орет, листовки требует, достал уже. Инте- 
ресно, где он раньше был. Как будто он про эту выставку только что 
узнал, ау меня кроме его листовок дел других нет. Долго искала ти- 
пографию, где так быстро напечатают, даже отписать тебе не было 
времени. Нашла. Ураааааа! Они курьера ко мне за макетом прислали, 
вечером уже готовый тираж привезут. Так удобно, и, главное, быстро, 
и недорого. Запиши телефон, вдруг пригодится: <CENSORED», там та- 
кая девушка приятная работает, Катериной зовут. У меня все нор- 
мально. Начальник премию обещал за выставку дать, в отпуск, на- 
верное, поеду. 

Пока, пиши. 


ОТВЕТ: 

Натусечка! Ух ты, лапочка, пусичка, целую, киска! 
Обязательно напишу и позвоню в эту типографию, ког- 
да соберусь напечатать собрание своих сочинений. Но 
поскольку пока я на работе, мой домашний телефон со- 
вершенно свободен, я организовал автодозвон с по- 
мощью своего старого сракс-модема, и теперь сотруд- 
ники этой типографии непрерывно прослушивают мои 
речи о том, как сильно я не люблю спам и спаммеров. 
Тебе я тоже уже написал, скорее шли мне свое ‹фото и 
адрес, я разошлю их всем заинтересованным 5000000 
тай-реципиентам :). А лучше - бросай своего грязного и 
противного начальника, который не ценит твое время 
(вместо того чтобы делом заниматься, ты спам рассыла- 
ла, OX, нехорошо), лучше познакомься со Sky'em. OH Te- 
бе поможет (таким даже я не помогу - прим. Sky's) 


Основы Unix 
Установка, первоначальная настройка, оптимизация 
Поддержка и установка нового оборудования 

Настройка сети 

Поднятие шлюза, почтового сервера, контроллера домена 
Обеспечение безопасности сервисов 
Linux/BSD на десктопе 
Графическая система *nix 
Шелл-программирование 
Win-*nix-win-*nix soft 

Ассемблер nog никсами 

Защита софта 


Эмуляторы, игры, отладка и еще не 
один десяток причин влюбиться 
в свободные ОС! 


Niro (niro@real.xakep.ru) 


АКЦИЯ 
УСТРАШЕНИЯ 


ще вчера, шагая по улице в 
магазин или выгуливая собаку, 
Калиниченко мог ощутить 
присутствие незнакомых людей 
лишь невольно. Он был уверен 
в TOM, что когда-нибудь его 
деятельность просто должна 
будет привлечь внимание 
людей, чья работа как раз и 
заключалась в том, чтобы 
всячески пресекать труды 
Калиниченко и ему подобных. 
Эта уверенность не была подтверждена ничем: кто-то сказал, кто-то 
видел, к кому-то приходили, а еще кого-то даже куда-то вызывали. 
Ничего кроме пустопорожних разговоров, напоминающих страшные 
рассказы на ночь в пионерских лагерях: "И тогда из шкафа вылезла 
черная-пречерная рука..." 

А уже сегодня эти разговоры могли стать реальностью. Некто, 
наделенный полномочиями ломать чужие жизни, затаился в ожидании 
жертвы. 

Впервые Калиниченко почувствовал это посреди проспекта. Людей 
было как никогда много, но он почему-то сразу выделил в мельтешащей 
толпе двух человек, вроде бы ничем не отличавшихся от других, но в их 
поведении была какая-то особенность, недоступная пониманию. Он просто 
понял, что эти люди - по его душу. 

Шаги его не стали быстрее; засунув руки в карманы, он 
прислушивался к шуму улиц, ощущая равномерные удары спортивной 
сумки по правому бедру. Ничем не отличающийся от тысяч подобных ему, 
город к началу осени наполнялся молодежью, так как в городе было 
довольно много учебных заведений, привлекающих молодых и имеющих 
зачатки интеллекта людей со всей области. Но почему-то те двое 
выделили изо всей толпы именно его - пару раз он задел одного из них 
локтем, второй внезапно остановился на секунду прямо перед его носом, 
наклонился, заслоняясь от ветра, закурил и быстро зашагал, будто 
стараясь убежать, но при этом не отставал. 

Двадцать четыре года - невеликий срок для того, чтобы проститься со 
спокойной жизнью и добровольно сесть в тюрьму. Калиниченко всегда 
готовил себя к тому, что в этой жизни он добьется больше, чем тюремных 
нар и миски баланды. Но вот внезапно подкатил к горлу ком страха: те 
двое помогут ему обрести то, чего он боялся. 

- Паша, Паша... - на ходу покачав головой, он вспомнил того, благодаря 
кому шел сейчас по этой улице, неся в сумке свой приговор. - Чего же ты 
так невовремя меня подставил... 

Около него в толпе кто-то чихнул на ходу. Калиниченко вздрогнул. 

- Нервы ни к черту, - выругался он спустя секунду, когда понял, в чем же 
дело. Жутко захотелось закурить - он подошел к ларьку, протянул мятый 
полтинник, попросил "Яву". И тут же почувствовал, как те двое подтянулись 
кнему поближе, чтобы видеть, что же здесь происходит: не передаст ли он 
что-нибудь продавцу или еще кому, с кем здесь назначена встреча. 

Машинально сгреб сдачу не пересчитав - да и зачем? Сигарета 
перекочевала из пачки в рот; Калиниченко оглянулся, ища глазами того, 
кто прикуривал у него перед носом, - тот стоял неподалеку, делая BUG, что 
читает афишу. 

Смелость, дурацкая и совершенно неуместная, взыграла в нем. Он 
решительно подошел к этому человеку, тронул за рукав. Тот вздрогнул, 
потом увидел улыбающееся лицо, сигарету, вопросительный взгляд - и, так 
же широко улыбнувшись, вытащил из кармана пальто зажигалку, чиркнул. 

В какую-то секунду они оба все поняли. 

Один из них не вернется сегодня домой. И Калиниченко мог спорить на 
что угодно, что это будет именно он. 

Потому что так, как посмотрел на него человек, резко перестав 
улыбаться - такой взгляд у самой смерти. 

Зачем-то кивнул - не в благодарность за зажигалку, нет - Калиниченко 
отошел в сторону на пару шагов, прислонился к стене дома, затянулся. Он 
вспомнил, как лет пять-шесть назад, еще будучи учеником десятого 
класса, он с толпой похожих на него отморозков ходил в городской парк 
на "стрелку" с парнями из соседнего района. Человек десять-пятнадцать с 
одной стороны, столько же с другой, молчаливое противостояние на 
дистанции, с которой можно было почувствовать злое дыхание 
противника... А потом, по невидимому сигналу, возглавлявший "их" Фрост 
и "наш" Чиж подходили друг к другу на расстояние вытянутой руки и 
останавливались, глядя пристально в глаза друг другу. 

Никто никогда не мог понять, что они хотели там увидеть, какое 
впечатление произвести, ибо все всегда заканчивалось одинаково - 


побоищем, кровью, переломанными челюстями и разбитыми носами. Но 
они вот так стояли и смотрели, раздувая ноздри, - как быки перед тем как 
ударить землю копытом и рвануть навстречу. Смотрели не отводя глаз, 
сжимая и разжимая кулаки, немного приоткрыв рты и временами 
облизывая пересохшие то ли от злости, то ли от запрятанного глубоко 
страха губы. И в эти несколько секунд, максимум минуту, у каждого 
второго парня с любой стороны этого конфликта в голове мелькала 
мысль, что они просто должны протянуть друг другу руки, пожать их, 
похлопать по плечу, обняться, подозвать ближайших друзей - короче, 
половина тех, кто приходил на "стрелки", хотели, чтобы они когда-нибудь 
кончились. Но другая половина жить без них не могла.. 

И вот, насытившись ненавистью, утопив свой страх и 
продемонстрировав всем своим силу и злобу, кто-то кивал - коротко, резко, 
не отрывая глаз. Второй делал то же самое в ответ, принимая вызов. 

И они знали, что кто-то из них сегодня может не вернуться домой. 

- Бессмыслица, - шепнул Калиниченко себе под нос. - Мы тогда не 
понимали, для чего все это. Вот те двое - они знали истинный смысл 
происходящего, но мы? Что мы делали там.. 

Он вдруг заметил, что человек, которому он кивнул, стоит и чего-то 
ждет. Калиниченко вопросительно поднял к нему глаза. 

И ТОТ ТОЧНО ТАК ЖЕ БЫСТРО И РЕЗКО КИВНУЛ ЕМУ В ОТВЕТ. 

А потом как будто с чувством выполненного долга смешался с толпой. 

- Итебе удачи, - ответил на это Калиниченко, стряхнул пепел с 
сигареты и осмотрелся. 

Людской поток не иссякал. Они всегда жили здесь, они всегда ходили 
по городу, как по минному полю. И им не было никакого дела go парня с 
сигаретой и GO двух мужчин в пальто, неотрывно следящих за ним на 
расстояния в несколько метров. 

Калиниченко понял, что игра идет по очень запутанным правилам. 
Вроде бы в открытую, никто не прячется, а если и прятались, то не так уж и 


Но вот внезапно подкатил 
к горлу ком страха: те авое 
помогут ему обрести то, 
чего он боялся. 


сильно, как будто для того чтобы проверить наблюдательность 
подопечного. А он оказался очень и очень прозорливым: доверился 
интуиции и не прогадал. 

Но при всей открытости этой игре не хватало одного - логики. Если эти 
ребята знают, кто OH, знают, что y него в сумке, - почему просто не берут 
его под белы рученьки и не сажают в быстро подъехавшую к тротуару 
черную "Волгу"? Ведь цена проигрыша в игре слишком высока! 

- Вотя, - сказал Калиниченко, отшвыривая в сторону окурок. - Вот мои 
вещи, - он похлопал по сумке рукой. - Так какого черта? 

Он представил, как где-то далеко - невообразимо далеко, в прошлой 
жизни - сидит за компьютером Павел, теребит свою замусоленную майку 
и неотрывно смотрит в экран. Сидит и делает еще одну работу - уже не для 
Калиниченко, конечно, но для ему подобных.. И еще кто-то может попасть 
под прицел внимательных злых глаз, еще кому-то коротко кивнут на 
улице, чтобы дать понять, что ему не повезло. 

- Эх, как не вовремя, - чертыхнулся Калиниченко, с досады махнув 
рукой и не скрывая своего разочарования. - Хотя, как говорится, такие 
вещи вовремя не случаются... Короче. Я пока жив, сумка все еще при мне, 
эти парни не держат меня за руки - так не стоит ли подумать, как мне 
выполнить TO, 3a что я получаю деньги? 

Он увидел неподалеку знакомую скамейку и решил присесть - все- 
таки, как ему казалось, парни из этой службы не станут делать свою 
работу на виду у всех. 

- Правда, есть одно условие, - прокомментировал свои мысли 
Калиниченко. - Стоит мне запустить руку в сумку, вынуть товар и протянуть 
его тому, кто явится на встречу со мной, и они, как шакалы на падаль, 
рванут сюда, чтобы взять меня с поличным. 

Опустившись на скамейку, он закинул ногу на ногу и достал вторую 
сигарету. 

- Интересно, этот парень подойдет сюда еще раз, чтобы сделать 
последние мои минуты на свободе чуть-чуть слаще? 

Никто, естественно, не подошел и не щелкнул зажигалкой. 
Калиниченко с сожалением посмотрел на сигарету, потом с ненавистью 
смял ее и бросил под ноги. Несколько голубей испуганно взлетели над 
морем людей, с шумом и воркованием, будто сожалея о недоклеванных 
крошках, которые ветер уже перемешивал с табаком. 
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И тут же из толпы возник второй сопровождающий - он словно 
материализовался из воздуха, встревоженный вспорхнувшими птицами. 
Калиниченко ухмыльнулся, а потом, вдруг поняв, что пока он здесь, среди 
людей, ему ничего не грозит, махнул рукой - мол, ничего страшного, 
погуляй пока. Человек замер на мгновенье, слегка приподнял бровь и 
ухмыльнулся. Потом толпа поглотила его - как-то внезапно и незаметно: 
вот только что OH был здесь, и уже его нет. 

Калиниченко, увидев эту легкую ухмылку, вдруг понял, на что он 
замахнулся. Это нельзя было назвать игрой с огнем - это было кое-что 
похуже. Тот ответный кивок, эта поднятая бровь - у Калиниченко заныло 
что-то внутри, заколотилось сердце, лоб покрылся испариной. 

Он вдруг понял, что обречен. У него было всего два выхода: самому 
подойти к этим людям или предложить пойти с ними куда скажут, или же... 
Или же попытаться бежать, и тогда его просто убьют. И внезапно в нем 
возникло чувство, что OH еще предпринял не все для собственного 
спасения. Далеко не все. 

А ведь надо было сделать всего одну простую вещь. 

Бежать так, чтобы не поймали. 

Чтобы не убили. 

БЕЖАТЬ БЫСТРЕЕ СМЕРТИ. 

И он решительно поправил сумку на плече и влился в людскую реку. 

В его жизни так уже бывало неоднократно - когда что-то нужно было 
сделать в срок и от этого зависело его благополучие. Он всегда говорил 
себе: "К назначенному сроку все сделается" - и все действительно 
делалось. Не то чтобы само, нет - при его непосредственном участии, но 
тем не менее русское "авось" всегда было важной частью его жизнью. А 
ведь мог и не успеть... 

Так и сейчас. В голове пока еще не родилось никакого четкого плана, 
но он был уверен: до конца проспекта пешком идти около получаса, что- 
нибудь придумается за это время. И он шел временами осматривая дома 


Ощущения несущего атомную 
бомбу в руках перемешивались с 
мыслями о TOM, ЧТО Же чувствуют 

шахиоки за секунду до взрыва. 


по обеим сторонам дороги, вывески, двери, людей по ту сторону 
стеклянных витрин... До скрипа зубов он завидовал сейчас им, свободным, 
неслышным и невидимым конвоирам, которые сопровождали его 
невидимо. Он один раз остановился, чтобы завязать шнурок (завязать по- 
настоящему, не ради того, чтобы увидеть слежку), кто-то в толпе 
неуклюже прошелся по его ногам, едва не свалив на асфальт, - итут же 
увидел, как один из них, не скрываясь, сложил руки на груди в десяти 
метрах и остановился на месте.. 

Калиниченко шагал прижимая сумку к животу, словно боялся, что ее 
могут вырвать из рук. Ощущения несущего атомную бомбу в руках 
перемешивались с мыслями о том, что же чувствуют шахидки за секунду 
go взрыва. Он всегда ненавидел этот террористический кошмар, мины, 
начиненные болтами, и фанатизм - но сейчас он был тем самым 
фанатиком, который прижимал мину к животу и заставлял прохожих 
уступать ему дорогу, как льдины уступают дорогу ледоколу. 

Он постоянно прокручивал в голове варианты - куда, куда свернуть с 
этого широкого шумного проспекта? Куда? Пару раз мелькнула мысль 
впрыгнуть в автобус: но он тут же представил, как эти цепкие глаза будут 
следить за ним из окна автомобиля; с подобными мыслями пришлось 
расстаться. 

- Но хоть что-то же можно сделать. - сквозь зубы говорил он сам 
себе, незаметно ускоряя шаг и осаживая себя тут же. - Не дай Бог 
подумают, что я хочу скрыться, могут запросто застрелить. Должен же 
быть хоть какой-то выход.. 

Он уже не надеялся на встречу. Само собой, две его "тени" понимали 
это, но не оставляли надежду на то, что кто-то все-таки проколется и 
подарит им еще одно звено цепи. Сам Калиниченко решил, что сделает 
все возможное, чтобы не засветить того, кто выйдет к нему через триста 
метров, чтобы забрать сумку. 

- Сложно сказать, что я сделаю для этого, - бормотал он, продолжая 
мерить шагами проспект. - Пожалуй, остается только броситься под какой- 
нибудь проезжающий грузовик, чтобы уж наверняка... Конечно, они 
рванут за сумкой, постараются вытащить ее из-под колес! На кой черт им я 
с переломанной шеей? Но вот сумка, а, вернее, ее содержимое! Тут уж они 
постараются... 
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И при таком раскладе человек, пришедший на встречу, вряд ли 
рискнет померяться силами с теми, кто первым выскочит на дорогу, чтобы 
подхватить спортивную сумку Nike с криминальной начинкой. 

Калиниченко понял, что рассуждает о самоубийстве как о чем-то 
наиболее вероятном в его жизни, о чем-то близком и практически 
неизбежном - но вто же время он понимал, что очень хотел бы 
посмотреть на эту сцену со стороны, предоставив право на главную роль 
кому-нибудь другому. 

Другому. Какому-нибудь из тех типов в пальто. 

- Вот было бы здорово, - злорадно ухмыльнулся Калиниченко. Он 
даже остановился на мгновенье, и глаза его засверкали по-дБявольски. - 
Чтобы под КАМАЗ.. И уже никогда никому не кивнет. 

Эти парни из Службы... Трудно было представить себе масштабы их 
влиятельности. Легальная часть этой службы была только верхушкой 
айсберга, а остальное было некой таинственной конторой, которая 
скрывалась под вывеской частного детективного агентства. Все же 
остальное, покрытое тайной и мраком, было похоже на фильм "Люди в 
черном" - люди в темных пальто и со взглядами убийц. 

Впервые Калиниченко услышал о Службе полтора года назад, когда 
получил свое первое поручение от Павла. Тот, протягивая коробочку с 
двумя дисками, положил ему руку на плечо и предложил присесть на 
дорожку. Калиниченко сел на какой-то перекошенный стул в прихожей, 
надеясь на то, что разговор не затянется надолго... Но затянулся. 

Не то чтобы Паша хотел напугать его. Скорее этот разговор был нужен 
для создания дружеской атмосферы - пусть не кажется, что где-то о чем- 
то умалчивают. Безусловно, Калиниченко знал, что все, что они делают 
(причем для него в меньшей степени, а для самого Павла - едва ли не по 
максимуму), уголовно наказуемо. То, что государство ведет с ними борьбу, 
было абсолютно логичным и естественным: не переходи дорогу на 
красный свет, не воруй и тому подобное. А вот то, что у этого дела есть 
еще одна сторона, открылось как-то внезапно и болезненно. 

- ..Предупрежден значит вооружен, - говорил Павел даже не понимая 
90 конца, насколько точно и буквально собеседник понимал его слова. - 
Поверь, не зря за эту работу мне платят очень хорошие деньги - она того 
стоит. И твоя, соответственно, тоже. Как у любой работы, всегда найдутся 
те, кому она не нравится и кому тот денежный поток, который проходит 
через мои, а теперь и через твои руки, очень мешает жить. 

Павел тогда замолчал и в подтверждение своих слов протянул 
Калиниченко деньги. Несколько крупных купюр. Повисло тягостное 
молчание. 

- Бери, - через минуту сказал Павел. - Да, ты еще не сделал свою 
работу. Но это плата не за нее. Это плата за страх, которым я тебя сейчас 
накормлю, и лишь бы тебя от этого не стошнило.. 

Калиниченко остановился. Он вдруг понял, что идет слишком быстро и, 
будучи поглощен своими мыслями, может запросто вляпаться в того, кто 
протянет руку к сумке и скажет пароль. 

На короткое время он стал островком в людской реке, которая очень 
быстро адаптировалась к нему и обтекала его с двух сторон как нечто 
само собой разумеющееся, как столб или пень, которые всегда были на 
этом месте. Он стоял, вспоминал всю свою короткую жизнь, чувствуя 
напряженные взгляды преследователей и сгибаясь под их тяжестью. 
Захотелось курить. 

Он сделал шаг в сторону и выгреб в тихое место подальше от этого 
бурлящего потока. Какой-то памятник, мимо которого он ходил несколько 
лет каждый день не замечая его; рядом пара скамеек, на одной две 
пенсионерки, другая пуста. Он сел так, чтобы не видеть никого и ничего 
вокруг, спиной ко всем людям, уткнувшись лицом в кустарник, лишь на 
половину прикрытый высохшей желтой листвой. 

Сигарета казалась ему какой-то горькой пилюлей; никотин не 
успокаивал, а раздражал... 

- ..Законы жестоки, дружище, - говорил Павел расхаживая по 
коридору из стороны в сторону. - Я нахожусь по ту их сторону, за которой 
сложно кому-либо объяснить свое предназначение, уж слишком сильно 
оно выходит за рамки разрешенного. Просто не очень много людей 
способны оценить все то, чем я занимаюсь, уж очень специфическая 
тематика. 

- Я представляю себе, что это за работа, - попытался вставить слово 
Калиниченко, стараясь делать вид, что его осведомленность помогает им 
стать ближе. 

- Закрой рот, - безо всяких эмоций оборвал его Павел. - Привыкай 
слушать, и слышать тоже. Я ведь мог запросто отправить тебя, не 
предупредив ни о чем... Просто я очень ценю свой труд, не хотелось бы 
похоронить его из-за твоей нерасторопности и неосведомленности. 


OH вышел куда-то, а вернулся через минуту с зажженной сигаретой и 
картой города в руках. 

- Ты - курьер, - сказал он, затягиваясь и глядя в потолок. - Просто 
курьер, ничего больше. Не герой, несущий сумку с дипломатической 
почтой, не наркодилер - ничего похожего. Ты курьер компьютерного 
пирата. То есть меня. Просто я не совсем обычный... Прямо скажем, я. 
Короче, это неважно. 

Калиниченко кивнул. 

- Нуирожау тебя, Шарапов, - покачал головой Павел. - Ты хоть когда- 
нибудь в жизни слышал про Уголовный кодекс? 

- Конечно. Неоднократно. 

- Да? Интересно... И где же? - подойдя ближе, спросил Павел. 
Калиниченко вспомнил, как в девятом классе проходил по делу о краже 
школьного имущества, как они с родителями внимательно слушали адвоката 
и читали УК чуть ли не перед сном и вместо обеда, и решил умолчать об этом 
факте. Хуже всего то, что он действительно был виноват, но штраф заплатили 
родители другого парня, у которого не хватило денег на защит. 

Павел отнесся тогда к молчанию Калиниченко уважительно, будто 
чувствуя, что событие, о котором тот не хочет говорить, было не очень 
значительным, но оно БЫЛО и заставило изменить кое-какие взгляды на 
жизнь. Он приоткрыл дверь в туалет, швырнул окурок в унитаз и 
развернул карту города, прижав ее к стене. 

- Здесь - парк, - сказал он, ткнув пальцем в большой прямоугольник. - 
Бывал? 

Калиниченко кивнул. Парк - место для студентов святое. Несколько 
пивных точек, целых три бара. 

- Тем лучше, - ответил на кивок Паша, провел пальцем по длинной 
стреле проспекта и, прихлопнув карту к стене ладонью, будто на ней 
сидела муха, сказал: 

- Будешь идти вдоль левой стороны. В киоске возле кинотеатра 
"Искра" купишь пачку "Явы". Присядешь на скамейку, выкуришь сигарету. 
Выкуришь обязательно GO конца, окурок бросишь себе под ноги. 
Встанешь, пройдешь go павильона "Юнис" - это почти полкилометра, в это 
время можешь делать все, что заблагорассудится. У "Юниса" 
остановишься, поставишь сумку на землю и будешь ждать. Человеку, 
который подойдет к тебе и скажет "шестьсот пятьдесят мегабайт и ни 
одним байтом меньше", передашь пакет. Потом пройдешь еще примерно 
метров пятьдесят и возле бюста Достоевского позвонишь вот на этот 
номер (Паша протянул бумажку с цифрами)... Запомнил? Ничего не 
скажешь, просто позвонишь. Ну как, не сложно? 

Калиниченко смотрел на него снизу вверх, прищурив глаза. 

- Аесли.. 

- Аесли что-то будет не так, веди себя как хочешь - это расценится как 
указание на слежку за тобой или на другую нестандартную ситуацию. 

Калиниченко встал, поднял сумку. Повесил на плечо, устроил ее 
поудобней, погладил надпись Nike, а потом внезапно повернулся и спросил: 

- А что там внутри? 

Паша скорчил гримассу и недоверчиво посмотрел на него: 

- Не ожидал... Почему-то думал, что вот ты будешь из тех, кто не 
спрашивает. Что-то было в тебе такое... Короче, ошибся я. 

- Не втом дело, что я любопытен, нет, можно оставить мой вопрос без 
ответа, - Калиниченко пожал плечами. - Но мне почему-то кажется, что 
если бы я знал, что там, я смог бы в нужный момент изменить ситуацию. 

- Всмысле? - не понял Паша, да и Калиниченко тоже сообразил, что 
сказал как-то непонятно. 

- Всмысле - мог бы постоять за то, что лежит внутри. Смог бы спасти 
это, не оставаясь равнодушным курьером. 

Павел помолчал немного, а потом сказал: 

- Первый раз сходишь "в темную". 

И Калиниченко сходил. Двенадцать раз. И только потом Павел 
рассказал ему, что в сумке. И стех пор он ходил курьером, хорошо зная, 
за что его могут взять. 

Он не заметил, как мысли поглотили его целиком. Он превратился в 
соляной столб, воспоминания проносились в нем перепутанным 
водоворотом, он уже был не в силах восстановить последовательность 
событий, не в силах заставить себя выйти из этого транса... 

Что-то внезапно обожгло пальцы. Сигарета, дотлевшая gO самой 
середины фильтра, вспорхнула над сухой листвой и исчезла вместе с 
ворохом мимолетных искр. Очнувшись от своих мыслей, он обвел 
окружающих его людей несколько ошалелым взглядом, прищурился от 
яркого солнечного света, который, вырвавшись на свободу из плена 
низких серых облаков, внезапно сделал краски дня ярче и насыщеннее. 

Пенсионерки тут же сконцентрировались на нем, приняв то ли за 
наркомана, то ли за пьяного, зашептались, с укоризной поглядывая на него. 


Калиниченко вздохнул и пожал плечами. А потом он услышал шаги. 

Кто-то, не особенно таясь, ходил сзади, разбрасывая носами туфель 
листву. Калиниченко напрягся и прижал сумку к себе. Он знал, кто это, но 
не мог определить точно, - слишком уж уверенные шаги. 

Рядом с ним на скамейку сел человек в черном пальто. Не тот, что 
давал зажигалку, - второй. Они были чем-то похожи, как похожи друг на 
друга все люди в черном, но черты лица у этого были еще острее. Он 
присел, расправив полы пальто, закинул ногу на ногу, после чего кинул 
взгляд на старушек. Тех как ветром сдуло... 

- Ничего удивительного, - подумал Калиниченко. - Я бы тоже бежал от 
этих глаз, куда только ноги унесли бы. 

Тем временем человек, присевший рядом с ним, молчал, щурился от 
солнца и, казалось, совершенно не интересовался своим соседом по 
скамейке. Калиниченко тихо откашлялся, осмотрелся... 

- Не стоит пытаться бежать, - сказал человек, по-прежнему не глядя на 
него. - И не потому, что я так близко и успею остановить вас. Просто мне 
есть что сказать вам, и, уверен, вам стоит это услышать. 

Калиниченко напрягся, но поборол в себе желание бежать без 
оглядки и расслабил пальцы, сжимавшие ремень сумки. 

- Все дело в том, что мы знаем, кто вас ждет, - укоризненно покачал 
головой собеседник. - Знаем уже давно. Кстати, ее видно отсюда, - он 
вытянул шею, стараясь увидеть кого-то, находящегося на приличном 
расстоянии от скамейки. - Во-он, смотрите... 

Калиниченко тоже увидел. Она встречала курьера как всегда - возле 
"Юниса". И тут OH понял, что машинально делал все так, как будто бы 
слежки за ним не было. Пачка "Явы", сигарета, выкуренная GO конца... 
"Привычка, выработанная годами"! 

- Ведь вы давно уже вычислили нас, - продолжал тем временем 
человек в черном пальто. - И тем не менее она не уходит - хотя мы знаем, 
что к ней поступает информация о том, как вы идете. Значит, вы допустили 


Пенсионерки тут же 
сконцентрировались на нем, 
приняв то ли за наркомана, 

TO ли за пьяного. 


ошибку. Помните Плейшнера? Он сказал пароль и забыл выслушать 
отзыв, такая досадная промашка. Бедный Штирлиц так и не узнал, что же 
там произошло. 

Калиниченко молчал, подавленный собственным идиотизмом. 

- A ведь теперь она точно не уйдет. И это несмотря на то, что я нарушил 
ваше уединение, - и об этом ей, наверное, уже сейчас станет известно. 

- Почему? - вдруг спросил Калиниченко. 

- Потому что она, эта несчастная девушка, выбрана нами как объект 
для акции. 

- Какой акции? - шепотом спросил Калиниченко, ничего не понимая. 

- Акции устрашения, - так же шепотом ответили он ему. 

Человек встал и медленно и неслышно отошел - совсем не так, как он 
приближался сюда пару минут назад. Вот он был - и вот его HET... 

Калиниченко, поднявшись со скамейки, неотрывно смотрел на 
девушку в розовой курточке, которая в течение последнего года 
произносила кодовую фразу про мегабайты. Она стояла немного в 
стороне от павильона, чтобы видеть вход в него; первый раз Калиниченко 
даже не ожидал, что это будет девушка... 

Тогда, полтора года назад, он даже непроизвольно отступил от нее на 
пару шагов. Когда прозвучала кодовая фраза, Калиниченко не поверил - 
он подхватил с земли сумку и сжал ремень в кулаке. Она непонимающе 
уставилась на него большими карими глазами, потом быстро и 
практически незаметно для окружающих осмотрелась по сторонам и 
шепотом спросила: 

- Ты чего? Ты... Все услышал? 

Калиниченко кивнул, непосвященному человеку он в тот момент 
показался бы немым. 

- Hy? И чего ждешь? Нам ведь даже общаться нельзя... Давай что 
принес, и я пойду. 

Почти минуту он боролся с ощущением нереальности происходящего, 
а потом вдруг осознал весь масштаб происходящего и понял, что не 
воспринимал все это всерьез, а просто как какую-то игру вроде 
"Зарницы". И лишь с появлением этой девушки он проникся своей 
работой - ее карие глаза показали ему, что на стороне тех, кому 
предназначена посылка Павла, есть самые разные люди, разные и по 
возрасту, и по полу, и по профессии... Именно она тогда включила его в 
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эту сеть - не Павел с его заданием. Она дала ему толчок. И отдав ей в 
первый раз посылку, он уже знал, что не повернет назад. 

Потом он узнал от Павла, что ее зовут Ирина, что она просто еще один 
курьер в большой цепи передачи информации. Она брала пакет и так же, 
по четкой и не требующей никаких дополнительных знаний инструкции 
шла дальше. И всякий раз Калиниченко смотрел ей в спину и понимал, что 
чисто по-человечески хочет помочь ей донести эту ношу... Но было нельзя. 

..OH вдруг увидел, что рядом с девушкой встал один из тех, в черном 
пальто. Встал как ни в чем не бывало, разглядывал подходящие автобусы, 
будто бы выбирая, на каком ехать. Девушка автоматически отступила от 
него на шаг, совершенно не обращая внимания на то, что это за человек. 
Ничего удивительного: на лбу у него не было написано, что он из Службы. 

Калиниченко замер, не понимая, что происходит. Ведь теперь он не 
смог бы подойти и передать посылку - это понимали все, кто участвовал в 
операции на стороне противника. Агент стоял возле курьера, перед этим 
рассекретив себя. Зачем? Что все это значит? 

Он с досады пнул ворох листвы перед собой и сжал кулаки. Он ничего 
не мог поделать с происходящим... 

И когда Ирина вдруг покачнулась и ухватилась рукой за стоящее 
рядом дерево, Калиниченко с трудом подавил в себе желание вскрикнуть. 
Она как-то воруг потеряла опору под собой, будто земля стала вращаться 
намного и быстрее. 

Помахав Калинченко рукой, "Черный" медленно растворился в толпе 
людей, ринувшихся к подошедшему автобусу. Никому не было дела go 
девушки, которой вдруг стало плохо. Ирина медленно сползала по стволу 
к земле не осознавая, что же произошло. Калиниченко, раскрыв рот и 
ловя воздух, в ужасе наблюдал за всем этим. 

Вот она уже сидит на земле, прислонившись спиной к дереву. Руки 
шарят по груди, шея безвольно наклонилась, голова опустилась на плечо. 
Несколько попыток подняться были неудачны... 


Лицо Ирины, которое только что 
скрылось за молнией черного 
мешка, пробивалось сквозь эти 
картины размытым пятном. 


Кто-то положил руку на плечо. Калиниченко вздрогнул и отшатнулся. 
Второй - "черный". 

- Ну как? - спросил он, присаживаясь на скамейку и притягивая 
Калиниченко к себе сильной рукой за карман куртки. Тот не удержался, 
плюхнулся рядом не сводя глаз с Ирины. Двое мужчин на остановке 
обратили-таки внимание на нее, подошли, один присел рядом. - 
Интересно? 

Ив бок ему тут же уперся ствол пистолета. 

- Не делайте глупостей, - железка ткнулась под ребро. - Вы же видите, 
МЫ МОЖЕМ BCE... 

- Что с ней? Что вы сделали? - не поворачивая головы, спросил 
Калиниченко. 

- Мой напарник выстрелил в нее из пистолета с глушителем. В этой 
суматохе на остановке вряд ли кто обратил внимание сразу - а сейчас, я 
уверен, уже поздно. 

Калиниченко и сам так думал, вспоминая, как Ирина опускалась на 
землю. Люди вокруг нее уже образовали плотное кольцо из любопытных, 
кто-то звонил по мобильному. 

- Да вы так не переживайте за нее, подумайте лучше о себе, - 
предложил собеседник. Давление ствола на ребра несколько ослабло. 

- Зачем вы это... - начал было Калиниченко, но ствол, снова ткнувшись 
в тело, заставил замолчать. 

- Казнь непокорных и усмирение колеблющихся очень часто можно 
сочетать друг с другом, это опыт десятков поколений, подтвержденный 
многими историческими фактами с начала времен, - услышал он ответ. - Я 
думаю, что все происходящее произвело на вас неизгладимое впечатление. 

Калиниченко угрюмо покачал головой, потом обхватил голову руками 
и согнулся практически пополам; в глазах потемнело, навалилась такая 
жуткая усталость, что захотелось упасть на усыпанную листьями землю, 
погрузиться в нее с головой и впасть в некое подобие спячки... 

- Разрешите взглянуть, - вежливо попросил сосед по скамейке. 

Отказывать было глупо; Калиниченко не глядя расстегнул сумку и 
вытащил завернутый в газету пакет; протянул его тому, который просил. 
Он снова обхватил голову, закрыл лицо. 

- Благодарю. 
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Газета была аккуратно развернута. Черный полиэтиленовый пакет лег 
на скамейку. Сотрудник Службы извлек из внутреннего кармана "Палм", 
вытащил из пакета горсть флеш-карт, ссыпал их все кроме одной обратно, 
оставшуюся вставил в слот. 

- Знаете, я, в принципе, видел многое из этого... Поверьте мне. МНОГОЕ. 
Но каждый раз, когда я открываю очередной файл с... С подобного рода 
информацией... Меня обуревают странные чувства... 

- Вы способны чувствовать? - сквозь плотно прижатые к лицу ладони 
спросил Калиниченко. - Вы, стреляющие в беззащитную девушку среди 
бела дня, в упор, исподтишка, вы можете что-то чувствовать? 

- Поверьте, у любого человека, на какой бы работе он ни находился, 
всегда остается способность испытывать разного рода эмоции, - 
прикасаясь стилусом к поверхности экрана, ответил агент Службы. - Вы 
просто привыкли к тому, что жизнь имеет полюсы, что ваш полюс - это 
верх совершенства, а противоположная сторона обречена на прозябани, 
как серые мыши... 

Калиниченко разогнул спину, задрал голову и посмотрел в серое 
осеннее небо. Слезы, которые так и норовили вырваться из глаз, 
моментально успокоились, осталось только желание отомстить. Желание 
ПОБЕДИТЬ. 

- Ну, и что же вы видите там? - спросил OH, кивнув на "Палм". - 
Попытайтесь изменить мое мнение о вас - о сером обществе, которое 
служит бездушным идеалам!.. 

Он был готов кричать, однако ухмылка агента сбила его воинственный 
настрой: 

- Черт побери, мне кажется, что ваша организация выбрала для роли 
курьера какого-то истеричного типа... Вам бы валерьянки выпить, юноша, 
или корвалола. Не надо лекций, не надо цитат, ничего не надо. Я знаю все, 
что здесь написано, наизусть... 

-Лжете! - Калиниченко повернулся к агенту всем телом. - Или... Хотя 
нет, постойте... Но тогда как же вы... 

- Чтобы узнать врага, надо знать и его идеологию. Это единственный 
способ не наделать ошибок самому. 

Онеще раз прошелся стилусом по поверхности экрана, что-то написал 
на нем, сохранил, вытащил "флешку" и бросил в пакет. 

- Вы знаете, что там может быть еще? 

Калиниченко замотал головой. 

- Жаль. Можно было бы подискутировать, у меня сегодня какой-то 
творческий подъем, - агент встал, прошелся рядом с задержанным, потом 
остановился напротив и с укоризной спросил: 

- Сотрудничать будем? 

- Нет, - сразу же ответил Калиниченко. 

- Подумайте, - настойчиво сказал агент и как бы невзначай оглянулся 
в Ty сторону, где сейчас суетилась оперативная бригада. - Взвесьте все 
"3a" и "против"... 

Калиниченко нервно сжал в кулак пальцы рук, облизнул губы и 
почувствовал, что они сухие и обветренные. Страх высушил его и 
продолжал отнимать силы. 

Он встал рядом с агентом, взглянул ему в глаза. Тот выдержал этот 
взгляд безо всякого труда, заставив парня отвернуться. Калиниченко 
покачал головой и крепко задумался. 

На одной чаше весов была жизнь. Жизнь с пониманием 
предательства. Жизнь, в которой была убитая Ирина, подставленные и 
растоптанные Службой друзья и знакомые. И при этом - какая-никакая, но 
все-таки ЖИЗНЬ. 

На другой чаше тех же самых весов была смерть. 

Он стоял не в силах представить себе эти дявольские весы - почему- 
то перед глазами всплывали какие-то грубые обшарпанные лотки, 
которые он частенько видел на рынке, покупая картошку... И вот на одной 
чаше - душа, на другой - тело. Чашки в равновесии. Но это - пока, go поры 
go времени. 

Лицо Ирины, которое только что скрылось за молнией черного мешка, 
пробивалось сквозь эти картины размытым пятном. Калиниченко 
чувствовал, что где-то здесь таится ответ на вопрос о сотрудничестве; где-то 
по ту сторону этой смерти. Зря они сделали все это у него на глазах - лучше 
бы просто скрутили, вывернули карманы, вытряхнули все "флешки" Ha 
асфальт и растоптали их, пусть прилюдно, пусть дерзко и очень уж 
назидательно, пусть унизительно.. Но зато Ирина бы осталась жива. 

Ведь сказано же: "Не убий". 

И решение пришло. Не зря ему пригрезились эти проклятые весы... 

- Ведь сказано же: "Не убий", - повернувшись к агенту, произнес он 
вслух то, о чем только что подумал. 

- Ай, бросьте, - отмахнулся тот. - Это все на меня не действует, 
проверяли... 


И он, решив, что Калиниченко собрался поговорить с ним Ha 
душещипательные темы, отвлекся. Все лишь на секунду. На мгновенье. И 
этого было достаточно. 

Парень взмахнул руками и толкнул агента. Тот споткнулся о скамейку, 
нелепо выгнулся и упал навзничь, хватаясь руками за воздух. 
Калиниченко рванулся к нему, ухватился за пистолет, который выпал из 
руки агента, приставил его к черному пальто и нажал на спусковой 
крючок. 

Тугой толчок в ладонь. Агент сложился пополам и, выпучив глаза, 
простонал что-то нечленораздельное. Калиниченко толкнул его в лоб, 
заставив упасть обратно в листья, прижал другой рукой к земле. Он был 
уверен, что за ними сейчас пристально наблюдают, что его поступок уже 
проанализировали, что ответ появится если не через секунду, то 
достаточно быстро. 

Но он нашел время наклониться к уху раненого и тихо сказать: 

- Это действует всегда. Проверяли. 

А потом он схватил со скамейки пакет, высыпал кучу "флешек" - 
сколько поместилось в ладонь, переложил их в карман куртки, огляделся 
по сторонам, увидел в ста метрах бегущего к нему человека с пистолетом. 

- Давай, давай, - бесстрашно сказал он этой приближающейся фигуре, 
бросил оставшиеся карты в кучу листвы, выхватил из пальто лежащего 
агента зажигалку, поджег. Пламя вспыхнуло моментально. Дым бело- 
синими клубами расстелился по земле, подгоняемый ветром. 

Вытянув руку с пистолетом в сторону бегущего, он заставил того 
изменить траекторию движения, хотя стрелять не собирался. Агент 
пригнулся, спрятался за деревом, сообразив, что противник попался 
серьезный. Попасть с такого расстояния Калиниченко точно не смог бы; он 
прекрасно понимал свои возможности. И тогда он вспомнил, как Павел 
пару месяцев назад говорил с ним перед очередным заданием... 

- „Работа наша такова, что ход событий порой трудно предугадать, - он 
сидел на подоконнике и курил, выпуская дым в открытую форточку. - Вот, 
например, ты - что бы ты предпринял, если бы перед тобой встала угроза 
быть схваченным? 

Калиниченко нахмурил лоб. Он, конечно, подумывал об этом иногда, 
но как-то не всерьез, будто на самом деле такая возможность 
представлялась ему призрачной. 

- Ну, впервую очередь надо избавиться от пакета... 

- И уничтожить весь мой труд, - выпустив струю дыма, сердито сказал 
Павел. - Если бы ты знал, как порой бывает сложно сделать все это, ты бы 
не разбрасывался так флэш-картами и дисками, словно мусором. 

- Наверное, я не это имел в виду, - поправился Калиниченко. Он и на 
самом деле имел в виду совсем другое. - Каким-то образом спрятать их go 
лучших времен или привлечь к процессу кого-нибудь случайного, со 
стороны, передать на сохранение, пообещать найти потом... 

- Аесли не найдешь? 

- Вероятность того, что человек, получивший пригоршню карт с 
подобным содержанием, заинтересуется ими и не передаст Службе - 
пятьдесят на пятьдесят... 

- Ошибаешься, - Павел выкинул окурок, потом посмотрел в окно и 
задернул штору. - Ошибаешься на порядок. Ты, похоже, идеалист. 

Соскользнув с подоконника, он подошел к Калиниченко и похлопал 
его по плечу. 

- Пойми, есть убеждения, а есть страх. И ведь те, кто хотел установить 
теперешний порядок, знали, как сыграть на страхе. Поверь мне, лишь один 
из десяти или даже меньше смогли бы оставить флешки у себя. А уж 
сколько из них воспользуются информацией, которая содержится на них, 
не знает никто. Остается надеяться лишь на тех, кто не изменился - ине 
изменил. Только к ним ты всегда можешь прийти. Только к ним, ибо у них 
нет страха. 

- Почему? Разве они не смертны? Ведь страх именно перед смертью 
заставляет людей быть покорными. 

- Смертны все мы. Просто есть предназначение. И они следуют ему, 
даже если придется умереть. Поверь, я не принадлежу к их числу, я 
просто делаю свою работу, потому что они хорошо платят - именно 
поэтому я не предам их, даже если Служба заплатит вдвое больше. 

- Не понял, - недоверчиво наклонил голову Калиниченко. - Если дело в 
деньгах - то почему бы не взять в два раза больше? 

Павел усмехнулся. 

- Проверяешь? Небось, go сих пор обижен на меня за TO, что я тебя 
тоже проверял? Все дело в том... Те деньги, что они заплатят мне, пойдут 
на венки и оркестр. Служба не идет на компромиссы, это уже проверено. 

- Кем? 

- Теми, для кого оркестры уже играли. 


OH вышел в другую комнату, вынес очередной пакет; Калиниченко 
положил пакет в сумку, встал и отправился на задание... 

(Сердце колотилось внутри, раскачивая тело. Переложив пальцы на 
ствол поудобнее, Калиниченко глушителем поворошил горящую кучу 
листвы, с радостью заметил в ее глубине покореженные пластиночки, 
выпрямился и, машинально прижав ладонью тот карман, где хранились 
оставшиеся карты, побежал. 

Перескочив маленький заборчик возле памятника, он оказался на 
неширокой улице, примыкающей к проспекту. Сквозь еще не 
отяжелевшее дыхание он бормотал себе ориентиры, по которым 
предстояло двигаться. 

Павел после того разговора не вызывал его к себе недели три, если не 
больше. А когда условный сигнал все-таки пришел и Калиниченко 
оказался снова в квартире у Паши, тот безо всяких предисловий объяснил 
ему, что цепь - под угрозой. Складывалось впечатление, что еще в 
прошлый раз он чувствовал опасность, но вот решил предупредить о ней 
только в тот момент, когда чувства стали более реальными и ощутимыми. 

Он очень нервничал тогда, беспокойно выглядывал из-за штор, 
рассыпал горсть карт по полу и собирал их трясущимися пальцами. 
Калиниченко смотрел на него непонимающими глазами и думал о том, что 
очень уж скоро их игра в "Зарницу" стала похожей на Сопротивление 
времен Второй Мировой. А как хотелось еще поиграть... 

В тот раз все обошлось. Он доставил карты Ирине, цепь в очередной 
раз сработала, информация ушла к заказчику. Калиниченко успокоился, 
но никак не мог выбросить из головы адрес, который знал теперь. Паша 
дал его на тот случай, если передать флешки будет некому. 

Он как будто видел тогда мертвую Ирину, обхватившую дерево 
окровавленными руками, будто чувствовал, что страх и боль скоро придут 
и станут диктовать свою волю. И вот теперь, уворачиваясь от прохожих и 


Люди практически не 
обращали внимания на то, 
что у него в руке пистолет. 


перебегая дорогу перед отчаянно сигналящими машинами, Калиниченко 
думал, что Павел в те минуты был просто наделен даром предвидения. 

Очередная машина клюнула носом, когда он рванул через дорогу во 
двор. Визг тормозов, многоэтажные матюги вдогонку. Черт с ним, главное 
цел остался. Бежать, бежать! 

Люди практически не обращали внимания на то, что у него в руке 
пистолет. Неотьемлемая черта больших городов - равнодушие к 
происходящему. Правда, временами эти самые равнодушные люди толпами 
окружали чьи-то растерзанные тела, чтобы вдоволь поглазеть на чужие 
страдания, но только не сейчас. Бегущий парень со взглядом загнанного 
волка их интересовал не больше, чем тараканы в соседнем доме. 

Где-то позади, довольно далеко, раздался очередной визг шин, 
впивающихся в асфальт. Преследователь тоже не особенно 
интересовался правилами дорожного движения и подрезая автомобили. 
Калиниченко боялся даже оглянуться, опасаясь того, что споткнется и 
потеряет драгоценные секунды. Вариант остановиться, спрятаться и 
выстрелить в спину приходил ему в голову, но он подгонял себя в беге, 
очень беспокоясь за груз, который нес сейчас. Ведь против него играл 
профессионал, который мог почувствовать ловушку за километр и 
обыграть незадачливого парня, вздумавшего поиграть со Службой в 
прятки. 

Чья-то собака, носившаяся по двору, попыталась было рвануть за ним 
с громким лаем, хозяин одернул ее, вернул на место; но оскаленная пасть 
с капающей слюной заставила Калиниченко ускориться настолько, что он 
уже не чувствовал под собой земли. Слова Павла жгли его изнутри; он 
проходил этот путь, кидал взгляд на большой висячий замок с кодом, 
неслышно шевелил губами: "Сначала двести восемь, потом, через две 
секунды - пятьсот шестнадцать, потом уже там, внутри, нажать на стене 
вторую от верхней правой петли плитку..." 

Он никогда не думал, что придется вот так мчаться сюда, к спасению и 
себя, и информации, сжимая в руке пистолет, из которого только что 
ранил человека. 

Он почувствовал себя усталым. Дышать стало тяжелее, вот-вот в левом 
боку резко начнет колоть селезенка, это он уже про себя знал: никогда в 
школе и институте не отличался физической подготовкой. Он не умел 
бегать на длинные дистанции, умудряясь полностью выкладываться на 
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первых же сотнях метров. Губы пересохли, язык грозил прилипнуть к небу, 
напоминал наждачную бумагу, смазанную для верности "Моментом". 

Вдруг стало ясно, что самое тяжелое, что может быть в жизни, - это 
пистолет, который внезапно стал таким тяжелым, что просто тянул руку, 
плечо, а следом и все тело к земле. Вот только расстаться с ним было 
чертовски трудно, ибо он придавал хоть какую-то уверенность во время 
этой сумасшедшей погони, оставляя надежду на выстрел, хотя бы на один. 

Хотя бы себе в голову. 

И Калиниченко тащил оружие в руке, стараясь поменьше размахивать 
им на бегу, прижал его к груди и временами ослаблял хватку вспотевших 
пальцев. 

Оставалось еще около двухсот метров, когда что-то обожгло ногу - 
несильно, но очень чувствительно, Калиниченко едва не потерял 
равновесие. Теплая струйка крови побежала по левой ноге, на брюках 
выступило темное пятно. 

Особой боли не было, ранение оказалось касательным, но 
Калиниченко воруг понял, что враг сейчас находится на расстоянии 
прицельного выстрела, и подготовка агента такова, что он на бегу 
способен сделать этот выстрел. Он продолжал бежать, понимая, что в 
любую секунда пуля может вонзиться ему в спину, в шею, в голову, что 
жизнь вот-вот закончится и он рухнет лицом вниз в очередную горящую 
кучу листвы и превратится в мерзкий обугленный шашлык.. 

И тогда он внезапно остановился и развернулся лицом к TOMY, кто 
только что стрелял в него. 

Агент, бегущий, словно робот, держал на вытянутой руке перед собой 
оружие. Он был готов к такому внезапному обороту событий, поэтому 
выстрелил мгновенно. Калиниченко даже не успел сообразить, что 
произошло. Удар пришелся в грудь. 

Толчок был несильным, но очень и очень болезненным. Импульс, 
горячий и всепоглощающий, пронзил его насквозь, вырвав на спине кусок 


..KOrga внизу расцвело пятно 
света, Калиниченко 
был уже мертв. 


плоти. И когда Калиниченко воруг понял, что воздух вырывается из раны 
со свистом, разбрызгивая мелкие кровавые пылинки, то автоматически 
ответил выстрелом на выстрел. 

Глушитель сухо щелкнул. Во дворе мало кто понимал, что происходит 
перестрелка - все было бесшумно и загадочно. Поэтому никто из людей, 
что находились в этот час на улице, не понял сразу, почему человек в 
черном пальто, бегущий куда-то по своим делам, воруг остановился, будто 
налетел на невидимую стену, и упал на клумбу нелепо раскинув руки. 

Калиниченко смотрел на это пару секунд, потом колени подкосились, 
и он опустился на землю, встав на четвереньки и тяжело, с кашлем и 
стонами, дыша. Стало немного легче, первая боль - резкая и 
отключающая мозги - ушла, сменившись постоянным ощущением 
забитого в область сердца гвоздя. Шум в ушах нарастал, дневной свет 
становился зеленоватым. 

- Двести восемь, пятьсот шестнадцать. - прошептал он сам себе, 
замотал головой и встал. Его качнуло так, что он с трудом удержался на 
ногах; посмотрел на лежащего в тридцати метрах агента, ухмыльнулся. 

- Кто же из вас мне кивнул, а? - спросил он у самого себя. - Наверное, ты... 

Он махнул пистолетом в сторону убитого, потом удивленно взглянул 
на ствол в руках и отшвырнул его в сторону, проводив взглядом. К людям 
во дворе пришло понимание происходящего, они в спешном порядке 
покидали двор, разбегаясь, как от прокаженных. Калиниченко это 
позабавило: 

- Ну-ну, давайте... Вызовите милицию. Хотя ребята из Службы будут 
здесь раньше. 

Он вдруг понял, что нечего стоять здесь, посреди двора, с дыркой в 
груди, теряя кровь и последние остатки разума. Надо было идти - туда, 
куда сказал Павел. Он, Калиниченко, перестал сегодня существовать как 
звено цепи - да и сама цепь, похоже, накрылась медным тазом. 

- Эх, Паша, ищи новые каналы, - произнес Калиниченко и нисколько не 
удивился, поняв, что не слышит своего голоса. Там внутри легкое 
превращалось в маленький кровавый мешочек, прижатый к ключице, 
воздуха не хватало все больше и больше. 

Калиниченко повернулся и пошел туда, куда вела единственная 
сейчас в его жизни дорога. Он был уверен, что дойдет, потому что 
осознание наличия кучи флешек в кармане придавало ему силы. 
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Через пару минут он увидел бомбоубежище. Огромный курган земли, 
насыпанный посредине пустыря, венчали вентиляционные шахты. 
Калиниченко подошел к дверям, оперся окровавленной рукой на створку; 
замок с кодом был на прежнем месте. 

Он дрожащими пальцами провернул кольца сначала одни раз, потом, 
спустя две секунды, второй. Он чувствовал, что за ним наблюдают, только не 
мог понять откуда - видеокамер нигде не было видно, да их и не могло быть. 

Дужка замка клацнула и ослабла, потом сама, будто не была 
стальной, поползла, давая возможность открыть одну из створок. Из 
последних сил Калиниченко толкнул ее, вошел в темноту, прикрыл за 
собой дверь и нащупал справа дверную петлю. 

- Ну, где же ты, где, HY... - пальцы скользили по кафелю; внезапно 
одна из плиток вжалась в стену. 

Снаружи дужка замка вернулась на место издав сухой щелчок, 
кольца провернулись сами, не позволяя случайному оказавшемуся бы 
здесь человеку узнать хотя бы часть кода. 

Калиниченко оказался в полной темноте. Глаза сами собой закрылись, 
не было никакой возможности разглядеть в этом мраке хоть что-нибудь. 
Нашарив стену немного наклонного тоннеля, ведущего вглубь, он 
прислонился к ней всем телом и медленно побрел, борясь с желанием лечь. 

Иногда ему казалось, что он слышит чьи-то шаги, чьи-то голоса. Вот- 
вот кто-то покажется из темноты с фонариком, подхватит его за руку, 
отведет... Куда отведет? Что там ждет его? И кто? 

Что-то изменилось в воздухе. Какой-то запах... Внезапно ноги потеряли 
опору. Лестница. Калиниченко нащупал первую ступеньку, шагнул и стал 
считать ступени вслух. На сороковой у него закружилась голова, он резко, 
против своего желания, сел и прислонился к стене спиной. 

- Эй... - позвал он в темноту. - Хоть кто-нибудь... Я же не мог прийти 
сюда зря. 

Тот запах, что поднимался откуда-то снизу, стал усиливаться. 
Калиниченко пытался понять, что это такое, но сравнить было не с чем - 
подобного запаха он никогда не встречал. Что-то горько-сладкое, 
наплывающее волнами... 

Он попытался встать, но не смог. Такое впечатление, что он лишился и 
рук, и ног. Никакая сила не могла заставить его подняться; он пару раз 
глотнул ртом воздух, боль заставила его застонать. 

- Ведь я же не мог... Зря. 

Он вытащил из кармана пару флешек, сжал их в кулаке, закусил губы 
и тихонько вздохнул. 

„.Когда внизу расцвело пятно света, Калиниченко был уже мертв. Рука 
с зажатыми в ней флеш-картами упала, раскрыв ладонь. Прислонившись 
к стене, он сидел и ждал... 

Человек осторожно приблизился к нему, освещая фонариком 
безжизненное лицо; луч скользнул по груди, по ране, потом наверх, 
осветил кровавую полосу вдоль стены. 

- Прости, - шепнули губы. - Поверь, мне жаль.. 

Он посветил вокруг, подобрал с пола упавшие карты, потом аккуратно 
вытащил из кармана оставшиеся; из внутреннего кармана пиджака достал 
студенческий билет, прошептал про себя имя. 

Присев на ступеньку рядом, человек помолчал, думая о чем-то своем; 
тяжкий горький вздох завершил его раздумья. Он встал и принялся 
спускаться вниз, туда, куда должен был отнести доставленный груз. 

Запах, горько-сладкий, с каждой ступенью становился все сильнее. 
Человек, достигнув последней ступени, толкнул обеими руками бетонную 
дверь бомбоубежища и оказался в зале, освещенном десятками свечей. 
Несколько человек по краям зала стояли склонив головы. На стенах были 
развешаны иконы, горели лампадки; голубой дым ладана, местами густой, 
а кое-где рассеивающийся, пахнущий так сладко и горько, стелился 
между колонн, упиравшихся в потолок. 

Человек подошел к алтарю, протянул облаченному в рясу священнику 
флешку. Тот вынул из-под рясы "Палм", вставил карту и стал читать глядя в 
экран: 

- Ныне приступих аз грешный и обремененный к Тебе, Владыце и Богу 
моему. Не смею же воззрити на небо, токмо молюся, глаголя: даждь ми, 
Господи, ум, да плачуся дел моих горько... 

А человек, доставивший карту для служителя, отошел в сторону; ему 
надо было поставить свечу за упокой души раба божьего Сергея. 

Они жили в мире, в котором религия была официально запрещена 
под страхом смертной казни вот уже шесть лет.. 
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